ホームページ > ウェブフロントエンド > jsチュートリアル > daterangepickerカレンダープラグインの使い方の詳しい説明

daterangepickerカレンダープラグインの使い方の詳しい説明

php中世界最好的语言
リリース: 2018-04-19 16:21:47
オリジナル
4625 人が閲覧しました

今回は 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 サイトの他の関連記事に注目してください。

推奨読書:

jQuery プラグイン拡張機能の使用の詳細な説明

jQuery がブラウザのバージョンを決定する方法

base64 は暗号化と復号化機能を実装します

以上がdaterangepickerカレンダープラグインの使い方の詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート