如何自定义 jquery ui 日期选择器？

Question

我想通过将服务器日期设置为当前日期来自定义 jquery ui 日期选择器。

参考question后

我写了

var queryDate = '2012-11-15',
    dateParts = queryDate.match(/(\d+)/g)
    realDate = new Date(dateParts[0], dateParts[1] - 1, dateParts[2]);  
                                // months are 0-based!


$('#datepicker').datepicker('setDate', realDate);
$('#datepicker').datepicker({ dateFormat: 'yy-mm-dd' });

它有效，但是当我将第二步更改为

$('#datepicker').datepicker({ dateFormat: 'yy-mm-dd',minDate: 0,maxDate: '+6M' });

它根据系统日期而不是我分配的服务器日期显示日期，

如何解决这个问题？？

Answer 1

您可以将输入字段的值设置为来自服务器端的值：

<script>
var queryDate = '2012-02-25';
var dateParts = queryDate.match(/(\d+)/g);

var realDate = new Date(dateParts[0], dateParts[1] - 1, dateParts[2]);

var min_date = new Date(2012, 2 - 1, 25 - 20); //feb 5 is the min date
var max_date = new Date(2012, 2 - 1, 25 + 1); //feb 26 is the max date

$( "#date" ).datepicker({dateFormat: 'yy-mm-dd', minDate: min_date, maxDate: max_date});
$( "#date" ).datepicker("setDate", realDate);
</script> 

在这种情况下，我们将日期设置为 2012-02-25。为了使它起作用，您必须将日期选择器的格式设置为与您用于值的格式相同，即'Y-m-d'