2012-01-14 6 views
2

jQueryMobileの日付ボックスをダイアログモードで開こうとしています。私はデフォルト値にdateboxを設定しようとしていますが、それは何らかの理由でそれを取ることはありません。ここに私のコードです:jQueryMobile Dateboxはデフォルトの日付値を取らず、すべて試しました

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <title>@PageData["Title"]</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1" /> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" /> 
    <link rel="stylesheet" type="text/css" href="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.min.css" /> 
    <link rel="stylesheet" href="@Href("/Styles/theme/mysite.min.css")" /> 
    <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script> 
    <script src="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.min.js"></script> 
    <script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/i8n/jquery.mobile.datebox.i8n.en.js"></script> 
</head> 
<body> 
<script type="text/javascript"> 
    $('document').ready(function(){ 
    //Setting start date value on pageload 
    $('#myqdate').value('2012-01-14'); 
    $('#myqdate').datebox('refresh'); 
    } 
</script> 

<form name="shiftform" id="shiftform" action="@Href("~/Account/QChanges.cshtml")" method="post"> 
    <div data-role="fieldcontain"> 
     <label for="myqdate">Date:</label> 
    <input name="myqdate" id="myqdate" type="date" value="" data-role="datebox" data-options='{"mode": "flipbox", "forceInheritTheme": true, "defaultDate":"2012-01-14"}'> 
    </div> 
    <input type="submit" value="Get Queue"/> 
</form> 
</body> 
</html> 

私は本当に専門家の助けを感謝します。

おかげ

答えて

3

これはそれを行う必要がありますが:

$('#myqdate').trigger('datebox', {'method':'set', 'value':'2012-01-14', 'date':new Date('2012-01-14')}) 
+0

おかげで、私はこのコード行を配置する必要があり、多くのイオンを、?私は自分のコードでこれと何かを置き換えるべきですか? – user1142216

+0

'$( '#myqdate')。値( '2012-01-14'); $( '#myqdate')。datebox( 'refresh'); '上記のコードを使用します。 –

+1

それはどちらのイオンも働かなかった。しかし、私は非常にシンプルなものを試しました、そして、それは動作するようです。私は、カスタムJavaScriptコードを完全に削除し、単にこれにdateboxコードを変更しました: user1142216

0

あなたの代わりにあなたの投稿コードのデータ・オプションである「defaultDate」の「はdefaultValue」プロパティを使用してしなければならないようです。スクリプトブロックの必要はありません。

0

は、あなたの関数を閉じてみてください: $('document').ready(function(){ //Setting start date value on pageload $('#myqdate').value('2012-01-14'); $('#myqdate').datebox('refresh'); } )};

関連する問題