0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

画面でエフェクトの実現の(三) --日付ダイアログ

Last updated at Posted at 2020-10-25

一般的に、画面なかに日付の入力ボックスがあり、日付ダイアログを使って、いい効果が表現できます。
日付ダイアログの効果は以下のサイトを参照してください。
https://xdsoft.net/jqplugins/datetimepicker/
##実装要点##
・datetimeのプラグインを含める
・日付入力ボックスにスタイルを設定する
・datetimeのメソッドを付く
##コードサンプル##

// datetimeのプラグインを含める
<link rel="stylesheet" type="text/css" href="/jquery.datetimepicker.css"/ >
<script src="/jquery.js"></script>
<script src="/jquery.datetimepicker.js"></script>
// 日付入力ボックスにスタイルを設定する
<input id="date" class="icon-calendar" />
// datetimeのメソッドを付く
$("#date").datetimepicker({
timepicker:false,
format:'d.m.Y',
xxx:xxx,
xxx:xxx,
...
})
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?