Javascript 如何使用jQuery日期选择器显示日期和自动更新？
我需要让jQuery与其余的js一起工作，并在图表上以降序显示日期。这是我到目前为止所拥有的基础。上面写着document.writex；我需要它来显示用户选择的日期Javascript 如何使用jQuery日期选择器显示日期和自动更新？,javascript,jquery,jquery-ui-datepicker,Javascript,Jquery,Jquery Ui Datepicker,我需要让jQuery与其余的js一起工作，并在图表上以降序显示日期。这是我到目前为止所拥有的基础。上面写着document.writex；我需要它来显示用户选择的日期 <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script> <link rel=
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<style>
h1 {
text-align: center;
}
</style>
</head>
<body>
<div class="datepicker">
<div>
<script type="text/javascript">
var x;
$(function date() {
$("#datepicker").datepicker({
onClose: function(dateText) {
var x = dateText;
alert("x = " + x);
}
});
$('#datepicker').datepicker('option', {dateFormat: 'mm/dd/yy'});
});
</script>
<input type="text" id="datepicker">
</div>
</div>
<div class="price-chart">
<div class="attr-col">
<ul>
<li>Service 1:</li>
<li>Service 2:</li>
<li>Service 3:</li>
<li>Service 4:</li>
<li>Service 5:</li>
</ul>
</div>
<div class="pt-table">
<div class="pt-body">
<ul class="pt-rows">
<li class="title">
<span><script type="text/javascript">
document.write(x);
</script></span>
在onClick函数中更改span中的x值后，该值不会更新。在希望日期显示的范围内指定日期id，然后在onClose函数中添加最后一行：
$( "#datepicker" ).datepicker({
onClose: function(dateText){
x = dateText;
alert("x = " + x);
$("#date").html(x);
}
});
每次更改x的值时，此选项都会自动更新。您可以发布一些您尝试过但不起作用的解决方案吗？Datepicker有一个专门用于此目的的解决方案。离题：不要在内容html$'li.title'中嵌入标记。查找'span'.htmlx；你知道我如何在下面按降序添加日期吗？比如7月8日、7月7日等？你的意思是每次更新日期时，都要有一个按日期排序的历史记录列表吗？使用jquery的方法并不简单，但我曾经做过一次，就是不使用分隔符保存日期，并将顺序修改为数据属性，因此日期：12/01/2014将呈现为数据日期int=20140112，这样您就可以通过执行if first time.appendx if more.afterx；如果较小，则在X之前；我的意思是，我必须选择日期，然后6天后，它也会出现。我想我可以做一些像document.writedateTime-1之类的事情。有没有这样的等式我可以做呢？是的，你可以先从jquery datepicker获得date对象，如下所示：我有一个内联代码在backticks中，'var today=new date；var昨天=新日期$函数日期{$datepicker.datepicker{onClose:functiondateText{currentDate=dateText；$li.title>span.eq0.htmlcurrentDate；}；$'datepicker.datepicker getDate；$'datepicker.datepicker'option'，{dateFormat:'md}；}；昨日.setDatetoday.getDate-1；文件。WriteEyesterday；'
$( "#datepicker" ).datepicker({
onClose: function(dateText){
x = dateText;
alert("x = " + x);
$("li.title>span").eq(0).html(x);
}
});