通过从日期选择器中获取值来设置倒数计时器

时间:2013-06-04 17:45:21

标签: jquery

我正在使用此计时器http://tutorialzine.com/2011/12/countdown-jquery/

我可以通过

在script.js上设置目标值
var note = $('#note'),
ts = new Date(2013, 05, 25),
newYear = true;

我想通过从datepicker获取值来设置ts的值。日期选择器有一个选项,onSelect :希望我们可以在这里定义函数。

我想定义类似的东西,当用户从datepicker中选择一个日期时,它会解析日期并放入变量

var note = $('#note'),
ts = new Date(year, month, day),
newYear = true;

由于

更新:通过编写代码http://pastebin.com/NHRuJ5mL

获得一个解决方案

3 个答案:

答案 0 :(得分:0)

$("#datepicker").datepicker({
   onSelect: function(dateText, inst) { 
      var dateAsString = dateText; //the first parameter of this function
      var dateAsObject = $(this).datepicker( 'getDate' ); //the getDate method
   }
});

答案 1 :(得分:0)

如您所愿,您可以使用onSelect功能:

  

选择日期选择器时调用。该函数接收   选择日期作为文本,将datepicker实例作为参数。这个   指的是相关的输入字段。

并在输入字段中获取所选值,如:

$("#TxtStrtDate").datepicker({
    onSelect: function( selectedDate ) {
        alert(selectedDate)
    }
});

使用新值,您可以将其拆分为DD,MM,YYYY,然后您可以重新启动倒计时脚本。

这是一个小小提琴:http://jsfiddle.net/PQfDc/6/

答案 2 :(得分:0)

鉴于您使用的是JQuery,这应该非常简单。您可以执行以下操作

 $('#dtTest').change(function(event) {
    ts = new Date($(this).val());
    newYear = true;
 });