当选择当前日期时,JQuery Datepicker更改div的value属性

时间:2013-11-09 06:36:41

标签: javascript jquery button datepicker jquery-ui-datepicker

jQuery Datepicker运行良好,但我希望提交按钮根据所选日期是否为今天来阅读不同的文本。提交按钮为<button>,文本为值属性。

有没有办法做到这一点?我的网络搜索没有显示任何结果。

2 个答案:

答案 0 :(得分:0)

尝试以下

 var dp = $('#datepicker').datepicker("getDate");

1)使用above statement,您可以获取在datepicker中选择的日期(即,解析为 date 数据类型)

2)使用date.toDateString(),您可以获得可用于与datepicker日期进行比较的日期字符串。

$('#datepicker').datepicker();
$('button').on('click', function () {
    var dp = $('#datepicker').datepicker("getDate");
    var today = new Date();
    if (today.toDateString() == dp.toDateString()) {
           //write your code to change the text in div
    }
});

仅供参考: value属性未与div元素相关联,我猜你指的是 custom data* 值属性

如果是,那么您可以使用jQuery的.data()方法进行更改。实施例

$('div').data('value', 'whatever you wish');

JSFiddle

答案 1 :(得分:0)

如果我正确地理解了您的问题,您希望在提交表单时确保所选日期是否为今天。

我已经通过谷歌,最后得到了答案,希望它能够解决。

function ValidRange(date1)
{
   var date=new date(); //Today

   //Convert these dates into milliseconds
   var date1_ms=date1.getTime();
   var date_ms=date.getTime();

   //Calculate difference between them
   var difference_ms = date_ms - date1_ms;
   return difference_ms;   // It will return 0 if date is today.
}

注意:然后你需要使用Date.parse解析你从UI获得的字符串,如下所示:

ValidRange(Date.parse(Date_Picked));

试试这个。