jQueryのEasyUI / TopJUI作成日時入力ボックス

jQueryのEasyUI / TopJUI作成日時入力ボックス

日付と時刻の入力ボックスアセンブリ

 

HTML

日入力ボックスなど、日時入力ボックスには、ユーザは日時指定の出力形式で指定し、表示を選択できます。スピナーに時間ドロップダウンパネルを追加し、日付入力ボックスを、比較しました。

<DIV CLASS = "topjui-コンテナ"> 
    <フィールドセット> 
        <伝説>デフォルトの日付と時刻の入力ボックス</レジェンド> 
    </ fieldsetの> 

    <divのクラス= "topjui-行"> 
        <DIV CLASS = "topjui-COL-SM6" > 
            <ラベルクラスは、= "topjui-フォームラベル"> </ label>は開始時間
            の<divクラス= "topjui-INPUT-ブロック"> 
                <INPUT名= "誕生日" 
                       データ・トグル= "topjui-datetimebox" 
                       データ・オプション= "必要な：真、に
                   450：幅
                   showSeconds：falseに"> //情報を表示する秒
            </ div> 
        </ div>
        <DIV CLASS = "topjui-COL-SM6"> 
            <ラベルクラス= "topjui-フォームラベル">结束时间</ label>は
            <DIV CLASS = "topjui入力ブロック">
                <入力名= "誕生日" 
                       のデータトグル= "topjui-datetimebox" 
                       データ・オプション= "必要な：真、
                   幅：450、
                   showSeconds：真の"> 
            </ div> 
        </ div> 
    </ div> 
</ div>

　　JS

<入力されたID = "DT"タイプ= "テキスト"名前= "誕生日"> 
。$（ '＃のDT'）iDatetimebox（{ 
    値： '2010年3月4日2：3'、
    必須：真、
    showSeconds：偽を
} ）;

設定した日付と時刻の入力ボックス

$（ '＃のDT'）iDatetimebox （ 'のsetValue'、 '2012年6月1日12時30分56秒'）;. // 日付と時刻の入力ボックスの値を設定する
。VARのV = $（ '＃の DT'）iDatetimebox（ 「のgetValue」）; //日付と時刻入力ボックスの値を取得
警告（V）を、

　　

 

EasyUI中国のネットワーク：http://www.jeasyui.cn

TopJUIフロントエンドフレーム：http://www.topjui.com

TopJUI交換コミュニティ：http://ask.topjui.com