タグ

ブックマーク / osusublog.net (1)

  • 【jQuery UI】Datepicker にボタン追加のカスタマイズ方法|オスースBlog

    まっさらな状態 カスタマイズを施していない状態は下記となります。 ※JSFiddleでは外部JS,CSSは設定でインポートされているためScriptタグやLinkタグは省略しています。 Date Picker on input field: <input type="text" id="date1" name="date1"/> $('#date1').datepicker({ changeMonth: true, changeYear: true, showButtonPanel: true, dateFormat: "m/d/yy" }); デフォルトのDatepickerを呼ぶ場合は上記コードのみです。 それだけで画像のようなカレンダーが表示されてユーザーにとって日付入力が直感的になります。 これだけでも使いやすいのですが、例えば「1年前の今日」や「日付が不明の場合」をボタン1つで入

    kenjikana
    kenjikana 2024/04/18
  • 1