0

月、日、年ごとに個別のフィールドがあり、div に含まれる 3 つのフィールドのセットごとにカレンダー コントロールがあります。カレンダーのポップアップがデフォルトでフィールドに設定された日付に設定されるようにしようとしています.3つのフィールドに日付が設定されていない場合は、現在のようにデフォルトで今日になります。

これが私のコードです。

HTML:

    <h1>Date Picker Example</h1>
<div class="date-picker">
 <label for="preferredDate">Date</label>
 <input type="text" class="date_month" value="06" size="2" maxlength="2" /> / 
 <input type="text" class="date_day" value="01" size="2" maxlength="2" /> / 
 <input type="text" class="date_year" value="2014" size="4" maxlength="4" />  
</div>
<div class="date-picker">
 <label for="preferredDate">Date</label>
 <input type="text" class="date_month" value="09" size="2" maxlength="2" /> / 
 <input type="text" class="date_day" value="09" size="2" maxlength="2" /> / 
 <input type="text" class="date_year" value="2017" size="4" maxlength="4" />   
</div>
<div class="date-picker">
 <label for="preferredDate">Date</label>
 <input type="text" class="date_month" size="2" maxlength="2" /> / 
 <input type="text" class="date_day" size="2" maxlength="2" /> / 
 <input type="text" class="date_year" size="4" maxlength="4" />  
</div>

jQuery:

$(".date_year").datepicker({
    showOn: 'button',
    //buttonImage: "calendar_icon.png", 
    buttonText: 'Cal',
    buttonImageOnly: false,
    showAnim: 'fadeIn',
    dateFormat: 'mm/dd/yy',
    onClose: function (dateText, picker) {
        dateArr = dateText.split('/');
        $(this).siblings('.date_month').val(dateArr[0]);
        $(this).siblings('.date_day').val(dateArr[1]);
        $(this).val(dateArr[2]);
    }
});

例： http: //jsfiddle.net/C57Ws/3/

助けてくれてありがとう！

4

2 に答える 2

0

jQueryUI オプションdefaultDateまたは jQueryUI メソッドsetDateを jQueryUI オプションとともに使用する必要がありますonSelect。

日付入力の各セット (日、月、年) に一意の識別子を与えることをお勧めします。現時点では、日付の各セットを区別するものは何もありません。

于 2013-04-01T20:02:37.437 に答える