ホームページ >ウェブフロントエンド >jsチュートリアル >daterangepickerカレンダープラグインの使い方の詳しい説明
今回は daterangepicker カレンダー プラグインの使い方について詳しく説明します。 daterangepicker カレンダー プラグインを使用する際の注意点は何ですか? 実際の事例を見てみましょう。
特定の時間、分、秒を表示します:
timePicker は true に設定されています。 //一部のマテリアルに記述されている pickerTime は完全に正しくありません
主な落とし穴: 時間のデフォルトの表示形式を変更し、ロケールで形式を書きます。インターネット上の資料には、daterangepicker 属性に直接記述するように記載されていますが、これは効果がありません。
開始時刻と終了時刻を特定の年、月、日に設定することも、現在の日付を生成することもできます (new Date() または moment() [moment() メソッドは現在の日付を取得する moment.js の関数です) time])
$(“#dateid”).daterangepicker({ startDate: moment(),// '2013-01-01', maxDate:newDate(), endDate: moment(),//new Date(), dateLimit : { days : 30 },//起止时间的最大间隔 timePicker :true,//是否显示小时和分钟 timePickerIncrement : 1,//时间的增量,单位为分钟 timePicker24Hour :true,//是否使用24小时制来显示时间 locale: {//用来设置默认时间显示格式,各个按钮空间的中文显示 format:'YYYY/MM/DD HH:mm:ss', applyLabel:'确认', cancelLabel:'取消', fromLabel:'从', toLabel:'到', weekLabel:'W', customRangeLabel:'选择时间', daysOfWeek:["日","一","二","三","四","五","六"], monthNames: ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十 一月","十二月"] } range: {//设置快捷区间控件,不同的时间段 "近期": ['2015-04-12',newDate()] } },function(start, end, label) { alert('A date range was chosen: '+ start.format('YYYY-MM-DD') +' to '+ end.format('YYYY-MM-DD')); }
あなたはこの記事の事例を読んだと思います。あなたはその方法をマスターしました。さらにエキサイティングな情報については、php 中国語 Web サイトの他の関連記事に注目してください。
推奨読書:
以上がdaterangepickerカレンダープラグインの使い方の詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。