在DateBox中动态设置日期和时间Jquery Mobile

我需要动态地将日期和时间填充到JQuery DataBox输入字段。我试图做，但它填充输入字段中的当前日期，而不考虑我传递的数据。在DateBox中动态设置日期和时间Jquery Mobile

这里是日期选择器，我克隆动态地在我的界面。

HTML： -

<input class="time-input day-time-picker day-time-picker-inline-input" type="text" data-role="datebox" data-options='{"mode":"datebox", "useFocus": true}' style="width:8em" />

的Javascript： -

类似的方式，我创建了一个时间选择和克隆如上述那样，

HTML： -

var timePicker = $("#time-picker-template-container .time-picker-template").clone();

使用Javascript： -

<input class="time-input day-time-picker day-time-picker-inline-input" type="text" data-role="datebox" data-options='{"mode":"timebox", "useFocus": true}' />

插入日期

$(".time-input", datePicker).datebox(); 

$(".time-input", datePicker).datebox("refresh"); 

$(".time-input", datePicker).datebox('setTheDate', dynamicDate);

插入时间

$(".time-input", dayTimePicker).datebox(); 

$(".time-input", dayTimePicker).datebox("refresh"); 

$(".time-input", dayTimePicker).val('datebox', {'method':'set', 'value':dynamicTime});

我要的日期和时间设置为动态地根据我得到的回应这些DateBox输入字段。

是否有任何控件使用DateBox在单个控件中获取日期和时间？

谢谢。

来源

2015-11-02 Joseph

你在哪里设置了代码中的DateBox值？克隆将忽略值字段。 –

编辑该问题。现在它有代码插入日期和时间。克隆将不会保留这个值？ – Joseph

不，它不会成立。所以你必须在克隆之后设置该值。 –

克隆你的模板，将它们添加到容器DOM元素，然后告诉元素增强Within（）。这将创建数据箱部件，然后使用setTheDate方法设置日期和时间：

$("#btnAdd").on("click", function(){ 
    var dynamicDate = new Date(2014,3,22,10,11,0,0); 

    var datePicker = $("#templates .date-time-picker-template").clone(); 
    var dayTimePicker = $("#templates .time-picker-template").clone(); 
    $("#time-picker-block").append(datePicker).append(dayTimePicker).enhanceWithin(); 

    $(".date-input", datePicker).datebox('setTheDate', dynamicDate); 
    $(".time-input", dayTimePicker).datebox('setTheDate', dynamicDate); 
});

DEMO

来源

2015-11-02 17:48:25 ezanker

我不知道我遵循的是什么，你要完成，但是，是的，有一种模式可以同时进行日期和时间操作 - 幻灯片。

您将需要设置（至少）以下选项：

{ 
    mode = "slidebox", 
    overrideSlideFieldOrder = ["y","m","d","h","i"], 
    overrideDateFormat = "%Y-%m-%d %k:%M 
}

对于它的价值，flipbox可以可能改变既要工作，但它的不平凡。 datebox可能已经可以工作（我从来没有尝试过），但是你需要非常大量地改变CSS - 至少首先让控件更加宽广。

来源

2015-11-02 17:53:04

在DateBox中动态设置日期和时间Jquery Mobile

回答

相关问题