2014-02-05 111 views
0

我正在嘗試使用bootstrap datepicker,讓它工作,現在還有一些可用性問題。Daterange Picker開始結束開始時

是否有可能在關閉第一個daterange時打開第二個datepicker?我在js中並不擅長。將是巨大的,如果有人可以幫助這裏.. Link to Demo

下面是我的代碼:

HTML:

<div class="input-daterange input-group" id="datepicker"> 
    <input type="text" class="form-control" name="start" /> 
    <input type="text" class="form-control" name="end" /> 
</div> 

的JavaScript:

$('.input-daterange').datepicker({ 
     format: "dd.mm.yyyy", 
     language: "de", 
     todayHighlight: true 
    }); 

回答

1

在進一步的調查,我發現自己,我把它與jQuery datepicker搞混了。

在這裏,在Bootstrap datepicker,有像onClose()沒有一種方法,但使用changeDate你可以簡單的實現問題。

$('#start').datepicker({ 
    autoclose: true // This enable you to close the picker 
}).on('changeDate', function (ev) { 
    $("#end").focus(); 
}); 
$('#end').datepicker(); 

FYI:要關閉你的選擇器,您在引導日期選擇器使用autoclose財產。

給你一個簡單的JSFiddle

+0

就是這樣! :)工作就像它應該!非常感謝! –

+0

@ChrisWe不客氣:)我用更新的小提琴添加了更多細節,看一看。 – Praveen

+0

你有沒有任何想法如何突出之間的日期沒有先選擇結束日期? –