日付時間ピッカーjQuery

Question

私は日付時間のピッカーを実装しようとしています。これは、開始日の前に終了日を選択できない最初の関数で機能します。しかし、日付形式を設定するための関数を追加すると、すべてが機能しなくなります。私は間違って何をしていますか？

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type="text/  javascript"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" 
type="text/javascript"></script> 
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" 
rel="Stylesheet"type="text/css"/> 
<script type="text/javascript"> 
$(function() { 
$("#txtFrom").datepicker({ 
    numberOfMonths: 2, 
      onSelect: function (selected) { 
      var dt = new Date(selected); 
      dt.setDate(dt.getDate() + 1); 
      $("#txtTo").datepicker("option", "minDate", dt); 
     } 
    }); 
    $("#txtTo").datepicker({ 
    numberOfMonths: 2, 
    onSelect: function (selected) { 
     var dt = new Date(selected); 
     dt.setDate(dt.getDate() - 1); 
     $("#txtFrom").datepicker("option", "maxDate", dt); 
    } 
    }); 
$.validator.methods.date = function(value, element) { 
    return this.optional(element) || Date.parseExact(value, "dd-MM-yyyy"); 
} 
}); 
}); 
</script> 

Answer 1

私はので、代わりにjQueryのUI日付フォーマットオプションを試してみてください、あなたの$.validator.methods.date ...

あるかもしれないものを知らない：

$("#txtFrom").datepicker({ 
    numberOfMonths: 2, 
    dateFormat: 'dd-mm-yy' 
}); 

$("#txtFrom").on("change",function(){ 
    var dt = $(this).datepicker('getDate'); 
    dt.setDate(dt.getDate()+1); 
    $("#txtTo").datepicker("option", "minDate", dt); 
}); 

$("#txtTo").datepicker({ 
    numberOfMonths: 2, 
    dateFormat: 'dd-mm-yy' 
}); 

$("#txtTo").on("change",function(){ 
    var dt = $(this).datepicker('getDate'); 
    dt.setDate(dt.getDate()-1); 
    $("#txtFrom").datepicker("option", "maxDate", dt); 
}); 

Working Fiddle here

注：私はこのフィドルで使われているライブラリのために他のCDNを使いました...
でいくつか必要になりました。