jQuery DateTimePickerで時間を削除します -- javascript フィールド と jquery フィールド と html フィールド 関連 問題

Remove the time in JQUERY DATETIMEPICKER












0
vote

問題

日本語

DateTimePicker2で過去の日付を無効にする方法、

2015年7月1日、日付DateTimePicker2を選択すると、2015年7月1日から2015年7月1日まで無効になります。また、時間を作る方法はテキストボックスに表示されません。日付を選択してください。

datetimepicker

のスクリーンキャプチャです。

これは構造です:

<事前> <コード> <link rel="stylesheet" type="text/css" href="css/jquery.datetimepicker.min.css"> <script type="text/javascript" src = "js/jquery.js"></script> <script type="text/javascript" src="js/jquery.datetimepicker.full.js"></script>

私は上部のSRCがjQueryのディレクトリです、私はあなたがこのシナリオを知っていればそこに置くだけです。

<事前> <コード> C:Program Files (x86)javajdk1.7.0_79 0
英語

How can I disable the past date in datetimepicker2,

For example: I choose July 1, 2015 in datetimepicker1 then the date datetimepicker2 will be disable from July 1, 2015 and the past of the July 1, 2015. Also how to make the time will not appear in the textbox when i choose date.

Here's the screen capture of the Datetimepicker

Here's the structure:

<link rel="stylesheet" type="text/css" href="css/jquery.datetimepicker.min.css"> <script type="text/javascript" src = "js/jquery.js"></script> <script type="text/javascript" src="js/jquery.datetimepicker.full.js"></script>  

I know the src in the top is the directory of the jquery, I just place there if maybe you know this scenario.

//html <input id ="textin" required> <input id ="textout" required>  //script  <script>      $('#textin').datetimepicker({         step: 5     });     $('#textin').datetimepicker({         minDate: 0     });      $('#textout').datetimepicker({         step: 5     });     $('#textout').datetimepicker({         minDate: 0     }); </script> 
</div
        

回答リスト

0
 
vote
vote
ベストアンサー
 

これはトリックをするべきです:

<事前> <コード> var data = { format: 'd/m/Y', //date format timepicker: false //hide time }; const $in = $('#textin'), $out = $('#textout'); $in.datetimepicker(data); $out.datetimepicker(data); $in.on('change', function() { var minDate = $in.val(); if (minDate) { minDate = minDate.split('/'); console.log(minDate); minDate = new Date(minDate[2], minDate[1] - 1, minDate[0], 0, 0); } else { minDate = new Date(0, 0, 0, 0, 0); } data.minDate = minDate; $out.datetimepicker(data); });

JSfiddleで試してみてください: https://jsfiddle.net/maxbilbow/2ge1gj4j/5/

 

This should do the trick:

var data = {   format: 'd/m/Y', //date format   timepicker: false //hide time };  const $in = $('#textin'), $out = $('#textout');  $in.datetimepicker(data); $out.datetimepicker(data);  $in.on('change', function() {    var minDate = $in.val();   if (minDate) {     minDate = minDate.split('/');     console.log(minDate);     minDate = new Date(minDate[2], minDate[1] - 1, minDate[0], 0, 0);   } else {     minDate = new Date(0, 0, 0, 0, 0);   }   data.minDate = minDate;   $out.datetimepicker(data);  }); 

Try it out on jsfiddle: https://jsfiddle.net/maxbilbow/2ge1gj4j/5/

</div
 
 
   
   

関連する質問

4  Webの未来は何ですか? XHTML 2、HTML 5、または何か他のもの?  ( Whats the future of the web xhtml 2 html 5 or something else ) 
新しいバージョンのHTMLとXHTMLの新しいバージョンの両方の議論と進歩に混乱しています。彼らは競争相手ですか?もしそうなら、Webの採用された未来になることが最も好意的ですか?そうでなければ、それぞれの競合されていない目的は何ですか? ここではBluray...

5  CSSのテーブルを垂直方向に揃える方法  ( How to vertically align a table in css ) 
画面の途中でテーブルをCSS?に垂直に揃える方法 ...

142  定義されたフォントのどれがWebページで使用されていたかを検出する方法  ( How to detect which one of the defined font was used in a web page ) 
私のページに次のCSSルールがあるとします。 <コード> body { font-family: Calibri, Trebuchet MS, Helvetica, sans-serif; } ユーザーのブラウザで定義されたフォントの1つを使用...

80  WebサービスからHTML文書を印刷する方法  ( How do i print an html document from a web service ) 
C#WebサービスからHTMLを印刷したいです。 Webブラウザコントロールはオーバーキルであり、サービス環境ではうまく機能しないため、非常に厳しいセキュリティ制約を持つシステムではうまく機能しません。基本的なHTMLページの印刷をサポートする<コード> 9...

76  ハイフンのような特殊文字の後に単語を破る方法( - )  ( How to break word after special character like hyphens ) 
比較的単純なCSS: <コード> div { width: 150px; } <コード> <div> 12333-2333-233-23339392-332332323 </div> 文字列が width に制約される...

31  私は私のウェブサイトをiPhoneのアイコンに与えるのですか?  ( How do i give my websites an icon for iphone ) 
私が作成したWebサイトの iPhone に適切なアイコンを設定する方法は? ...

273  HTML形式の複数の送信ボタン  ( Multiple submit buttons in an html form ) 
HTMLフォームにウィザードを作成しましょう。 1つのボタンが戻ってき、1つが進みます。 ENTER を押すと、背面ボタンが最初に表示されているので、そのボタンを使用してフォームを送信します。 例: <コード> <form> <!-- Pu...

635  ユーザーのタイムゾーンを決定します  ( Determine a users timezone ) 
WebサーバーがWebページ内のユーザーのタイムゾーンを決定できるようにするための標準的な方法はありますか? おそらくHTTPヘッダーまたは<コード> Form7 string? ...

303  Internet Explorer 7の絶対に配置された親のパーセント幅の子要素の幅が崩壊したのはなぜですか。  ( Why did the width collapse in the percentage width child element in an absolutel ) 
私は、いくつかの子供を含む絶対に配置された div があり、そのうちの1つは比較的配置された div です。子<コード> Form1 で Form0 を使用すると、IE7の Form2 に折りたたみますが、FirefoxまたはSafariではなく。 For...

0  リスト項目でディスクを取り除く  ( Getting rid of disc in list item ) 
jQueryを使用してサイトを開発し、jQuery UIタブを作成しています。何らかの理由で、私のタブ(順序付けられていないリスト)は、OS XのFirefox 3を除くすべてのブラウザ(これまでにテスト済み)に弾丸を表示しています.Safari OS X、...




© 2022 cndgn.com All Rights Reserved. Q&Aハウス 全著作権所有