Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 日期选择器作为倒计时的输入_Javascript_Jquery_Html - Fatal编程技术网

Javascript 日期选择器作为倒计时的输入

Javascript 日期选择器作为倒计时的输入,javascript,jquery,html,Javascript,Jquery,Html,jQuery UI日期选择器-默认功能 $function{ $datepicker.datepicker{dateFormat:'yy/mm/dd'}; } ; TargetDate=2016/11/25; CountActive=true; CountStepper=-1; 前导零=真; DisplayFormat=%%D%%天、%%H%%小时、%%M%%分钟、%%S%%秒。; FinishMessage=过期!; 我的第一个JavaScript 日期: Datepicker有onSelec

jQuery UI日期选择器-默认功能 $function{ $datepicker.datepicker{dateFormat:'yy/mm/dd'}; } ; TargetDate=2016/11/25; CountActive=true; CountStepper=-1; 前导零=真; DisplayFormat=%%D%%天、%%H%%小时、%%M%%分钟、%%S%%秒。; FinishMessage=过期!; 我的第一个JavaScript 日期:


Datepicker有onSelect事件,您可以在那里完成自己的工作,例如:

$("#sample").datepicker({
    picker: "#paymentDate", 
    onSelect : function(y, m, i){  
        // your code goes here 
    },
});

您不能这样做,因为您正在使用的library countdown.js的编写方式是,即使更改targetDate的内容,也不会影响计时器。因为targetDate是在页面加载时设置的。因此,唯一的解决方案是将countdown.js的内容带到您的文件中,并相应地进行更改。我建议你必须使用任何其他好的库,或者从头开始编写自己的库

倒计时是一个简单易用的jQuery插件。我已经根据您的要求为您创建了一个示例

jQuery UI日期选择器-默认功能 $document.readyfunction{ $function{ $datepicker.datepicker{minDate:1,dateFormat:'yy/mm/dd'}; }; //更改日期时再次初始化倒计时 $datepicker.changefunction{ init$this.val; } 函数初始化{ $'clock'.countdowndt.on'update.countdown',functionevent{ var$this=$this.htmlevent.strftime +“%-w周%!w” +“%-d天%!d” +“%H hr” +“%M min” +“%S秒”; }; } //使用某些默认日期初始化加载时的计数器 2016年11月25日; }; 我的第一个JavaScript 日期:


您没有选择日期,我已经编辑了代码,希望一切都符合您的期望。Y

jQuery UI日期选择器-默认功能 $function{ $datepicker.datepicker{ 日期格式:“年/月/日”, onSelect:函数 { 变量日期=$this.val.toString; //“选择触发”警报+日期; TargetDate=日期; CountActive=true; CountStepper=-1; 前导零=真; DisplayFormat=%%D%%天、%%H%%小时、%%M%%分钟、%%S%%秒。; FinishMessage=过期!; 文件。书写; }, }; }; 我的第一个JavaScript 日期:


日期选择器工作正常。如果用户从日期选择器中选择一个日期,该日期应作为倒计时TargetDate的输入。我该怎么办?基本上您需要用户在日期选择器中选择的选定日期。在你拥有它之后,你可以添加你的逻辑,也就是把它作为倒计时的输入。要做到这一点,您可以使用onSelect event,但您不能这样做,因为您正在使用的library countdown.js的编写方式是,即使您更改targetDate的内容,也不会影响计时器。因为targetDate是在页面加载时设置的。因此,唯一的解决办法是将countdown.js的内容带到您的文件中,并相应地进行更改。Thanx.是否有其他代码用于用户输入的倒计时天数??请检查我的答案我给出了一个示例。我不希望倒计时天数从init//开始。但我希望倒计时应该从用户从datepicker选择的日期开始。提前感谢