Bootstrap DatePicker更改格式

我將bootstrap datepicker與「禁用過去的日期和相關的禁用」。我正在關注the instructions這個詞，但我無法更改格式，原因是這可能會丟失/不理解文檔中的某些內容。如果有人能給我一個解決方案，將不勝感激。Bootstrap DatePicker更改格式

UI實例：

我的代碼

$(document).ready(function() { 
    //CHANGE DATE FORMAT 
     format: "dd-mm-yyyy" //results in a syntax error  

    var nowTemp = new Date(); 
    var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0); 

    var checkin = $('#dpd1').datepicker({ 
     onRender: function(date) { 
     return date.valueOf() < now.valueOf() ? 'disabled' : ''; 
     } 
    }).on('changeDate', function(ev) { 
     if (ev.date.valueOf() > checkout.date.valueOf()) { 
     var newDate = new Date(ev.date) 
     newDate.setDate(newDate.getDate() + 1); 
     checkout.setValue(newDate); 
     } 
     checkin.hide(); 
     $('#dpd2')[0].focus(); 
    }).data('datepicker'); 
    var checkout = $('#dpd2').datepicker({ 
     onRender: function(date) { 
     return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : ''; 
     } 
    }).on('changeDate', function(ev) { 
     checkout.hide(); 
    }).data('datepicker'); 
})

我已經通過添加HTML屬性來創建一個JSFIDDLE here.

來源

2016-08-18 Marilee

請檢查你的小提琴它不允許選擇日期 – mean

你試過'dd-mm-yy'嗎？ –

@Kabali小提琴現在工作 – Marilee

您可以自定義您的日期選擇器輸入字段。見例如：

<input type='text' name="pickupDate" id="dpd1" 
class="form-control" data-date-format="dd-mm-yyyy" />

Updated JSFiddle

這小提琴呈現在您的自定義格式的日期，它的價值也是在相同的格式accessable。（例如$('#dpd2').val()）

來源

2016-08-18 06:24:15

我想現在擁抱你，我已經堅持了一個小時....謝謝sooo much – Marilee

高興地幫助@Marilee，不足的文檔可能會很痛苦。請記住註冊並接受。 :) –

Bootstrap DatePicker更改格式

回答

相關問題