在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

回答

相關問題