1

元気？

私は2つのフィールドを持つ2つの日付ピッカーを持っています

ユーザーが（From）を選択したときに2番目のフィールド（TO）が翌日になるようにしたい。Booking.comのように

例：ユーザーが[2013年1月1日から]を選択した場合、2番目のフィールドを2013年2月1日（翌日）に直接..。

フォームについてはこの写真を見てください

ここに画像の説明を入力してください

これはjqueryのコードです：

$(function() {
$( "#from" ).datepicker({
    defaultDate: "+1D",
    changeMonth: true,
    numberOfMonths: 1,
    dateFormat:"dd-mm-yy",
    minDate: "+1D",
    showOn: "button",
    buttonImage: "http://keith-wood.name/img/calendar.gif",
    buttonImageOnly: true , 

    onSelect: function(dateText, inst){
        var d = dateFormat(new Date(dateText + 1), "DD/MM/YYYY");
        $("#to").val(d);
    }

});

これは私のhtmlコードです：

<form method="get" action="">
        <input type="submit" value="choose"/>
        <p><input type="text" name="from" id="from" />From<br/>
        <input type="text" name="to" id="to" />To
        </p>
</br>

    </form>

どうすればいいですか？

4

3 に答える 3

3 
onSelect: function(dateText, inst){
    var d = $.datepicker.parseDate(inst.settings.dateFormat, dateText);
    d.setDate(d.getDate()+1);
    $("#to").val($.datepicker.formatDate(inst.settings.dateFormat, d));
}
于 2013-01-08T16:35:03.893 に答える
2

私はあなたのために働くJSFiddleを作成しました：

http://jsfiddle.net/jirilmongeorge/f329k/26/

javascriptコードは次のとおりです。

$(document).ready(function() {
    $( "#from" ).datepicker({
    defaultDate: "+1D",
    changeMonth: true,
    numberOfMonths: 1,
    dateFormat:"dd-mm-yy",
    minDate: "+1D",
    showOn: "button",
    buttonImage: "http://keith-wood.name/img/calendar.gif",
    buttonImageOnly: true , 
    onSelect: function(dateText, inst){
        var d = $.datepicker.parseDate(inst.settings.dateFormat, dateText);
        d.setDate(d.getDate()+1);
        $("#to").val($.datepicker.formatDate(inst.settings.dateFormat, d));
    }

   });

   $( "#to" ).datepicker({
        showOn: "button",
        buttonImage: "http://keith-wood.name/img/calendar.gif",
        buttonImageOnly: true,
        changeMonth: true,
        changeYear: true
    });

  $('#from').attr('readonly', true);
  $('#to').attr('readonly', true);
});
于 2013-01-08T16:59:21.243 に答える
1

dateTextを正しい日付形式に変換してから、1を足して、＃to値に戻す必要があります。

var from = dateText.split("-");
var fDate = new Date(from[2], from[1] - 1, from[0]);

var newdate = new Date(fDate);
newdate.setDate(newdate.getDate() + 1);
$("#to").val(newdate.getDate() + "-" + newdate.getMonth() + "-" + newdate.getFullYear());
于 2013-01-08T16:34:53.640 に答える