2012-04-24 38 views
1

私は達成したいことをかなり質問すると思います。私はこのコードを持っている:dateboxを開くときのデフォルトの日付を設定するオプションはありますか?jquerymobile

<input type="date" data-role="datebox" data-options='{"mode": "datebox","noButton": true,"useDialogForceTrue": true, "useDialogForceFalse": false}' name="mydate" id="mydate" /> 

そして、私はそれがコードの別の行になりませんように、ユーザーが入力データ・オプションでdateboxウィンドウを開いたときに、いくつかのデフォルトの日付を設定します。

ありがとうございました。

+2

あなたはdefaultPickerValueを試みたことがありますか? –

+0

大変感謝しています。 –

答えて

1

HTML

<label for="mydate">Some Date</label> 

<input name="mydate" id="mydate" type="date" data-role="datebox" 
    data-options='{"mode": "calbox"}'> 

<a href="#" id="linkmodelink">Open Link</a> 

jQueryの

$('#thisPageID').live('pagecreate', function(event) { 
    // Default picker value of Jan 1, 2012 
    var defaultPickerValue = [2012, 0, 1]; 

    // Make it a date 
    var presetDate = new Date(defaultPickerValue[0], defaultPickerValue[1], defaultPickerValue[2], 0, 0, 0, 0); 

    // Get Today 
    var todaysDate = new Date(); 

    // Length of 1 Day 
    var lengthOfDay = 24 * 60 * 60 * 1000; 

    // Get the difference 
    var diff = parseInt((((presetDate.getTime() - todaysDate.getTime())/lengthOfDay)+1)*-1,10); 

    // Set the origin date 
    $('#mydate').data('datebox').options.defaultPickerValue = defaultPickerValue; 

    // Set minDays to disallow anything earlier 
    $('#mydate').data('datebox').options.minDays = diff; 
}); 

出典:http://dev.jtsage.com/jQM-DateBox/demos/script/start.html

関連する問題