如何自定义jquery ui日期选择器？ [英] How to customize jquery ui date picker?

问题描述

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

引用问题后

我写下来

  var queryDate ='2012-11-15 '，
 dateParts = queryDate.match（/（\d +）/ g）
 realDate = new Date（dateParts [0]，dateParts [1]  -  1，dateParts [2]）; 
 //月份是基于0的！ 
 
 
 $（'＃datepicker'）。datepicker（'setDate'，realDate）; 
 $（'＃datepicker'）。datepicker（{dateFormat：'yy-mm-dd'}）; 
  

它的作品，但是当我改变第二步到

{pre> $（'＃datepicker'）。datepicker（{dateFormat：'yy-mm-dd'，minDate：0，maxDate：'+ 6M'}）;


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

如何解决这个问题？

解决方案

你可以设置输入字段为服务器端的值：

 < 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是最小日期
 var max_date = new Date（2012，2  -  1，25 + 1）; // feb 26是最大日期
 
 $（#date）.datepicker（{dateFormat：'yy-mm-dd'，minDate：min_date，maxDate：max_date}）; 
 $（#date）.datepicker（setDate，realDate）; 
< / script> 
  

在这种情况下，我们将日期设置为2012-02-25。为了使其工作，您必须将datepicker的格式设置为与您用于'Ym-d'

I want to customize jquery ui date picker by setting server date as current date.

After refering a question

i wrote down

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' });

it works, but when i change second step to

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

it shows dates according to the system date not the server date which i had assigned,

How to solve this??

解决方案

You can just set the value of the input field to be a value from the server side:

<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> 

In this case we are setting the date to 2012-02-25. In order for this to work you must set the format of the datepicker to be the same as the format that you've used for the value which is 'Y-m-d'

这篇关于如何自定义jquery ui日期选择器？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！