JavaScript

Javascript

「jQuery ui Datepicker」のオプション

前回の記事では、

「jQuery ui Datepicker」の設定方法について投稿しました。
https://www.deep-blog.jp/engineer/archives/3950

 

で、

今回はオプションについても少しまとめておきます。

 

といっても、

良く使用するものだけにはなりますが。

 

例えば、

テキストボックスだけではなく、

ボタンをクリックしてデートピッカーを立ち上がるようにしたい場合があります。

 

その場合には、

$("#datepicker").datepicker("option", "showOn", "both");

を追加します。

 

ソースは以下の様になります。

※「both」を「button」に変更すれば、ボタンをクリックした場合にのみピッカーが立ち上がるようになります。

 

ただ、

これだとシンプルな味のないボタンになってしまうので、

ボタンを独自の画像に変更する為に、

とします。
※アイコンの保存場所や名前は任意です。

 

見た目はこんな感じになります↓↓
jQuery_Datepicker 03

 

あと、

日付の形式も変更したいと思います。

 

デフォルトだと「mm/dd/yy」という形式になっているので、

これを、例えば「yy.mm.dd」に変更する場合には、

  $("#datepicker").datepicker("option", {dateFormat:"yy.mm.dd"});

を追加するだけです。

 

そうすると、

例えば、

今日であれば「2016.02.05」という日付がテキストボックスに入ると思います。

弊社では、以下の方に向けて、WordPressの短期学習プログラムを
格安で提供しております。

  • 個人でWordPressを使ったサイト構築をお考えの方
  • 自社でホームページの構築・運用をお考えの方
  • 企業のWEB担当者の方

内容

基本的には、初心者の方を対象にした学習プログラムです。

※ WordPress制作の上級者の方の場合、弊社の学習プログラムはあまり役に立たないと考えています。

  • ・ WordPressのインストールからセッティングの方法
  • ・ WordPressのテーマ選びについて
  • ・ WordPressのプラグイン選びと設定方法について
  • ・ サーバの準備方法
  • ・ ドメインの取得・管理の方法
  • ・ FTPの設定方法
  • など

ご用意頂くもの

  • ・ ノートPC
    ※ 弊社はWindowsを業務で利用しておりますので、できればWindowsのPCをおすすめしています。
  • WordPressでサイトの制作を考えているが、何から始めればいいのか分からない。
  • ドメインやサーバはどうやって準備すればいいの?
  • そもそもホームページの公開には何が必要なの?

などなど、

どのような内容でも構いませんので、お気軽にお問い合わせ下さい。

お客様の目的をお聞きした上で、最適の学習プランを提案致します。

ご興味のある方は、以下の内容を記載の上、一度お問い合わせ下さい。
こちらより、折り返しメールを致します。

  • ① お名前
  • ② 折り返し先のメールアドレス
  • ③ 希望の学習内容

関連記事

  1. JavaScript
  2. JavaScript

    Javascript

    Geolocation APIで位置情報を取得して、Yahoo!地図を表示

    Geolocation APIを使って位置情報を取得して、Yaho…

  3. JavaScript

    Javascript

    zoomi.jsでオンマウス時に画像を拡大

    画像にマウスを乗せた時(オンマウス)に拡大画像を表示させたいという依頼…

  4. JavaScript

    Javascript

    jQuery - $("select") / $('select[name="name属性"]')

    本日ですが、セレクトボックス(プルダウン)を一括で操作したくて、…

  5. JavaScript

    Javascript

    写真の右クリックコピーを禁止!!

    弊社は不動産会社様にホームページを提供する機会が多いのですが、その…

  6. JavaScript

    Javascript

    jQueryのプラグイン「jCanvas」で間取図を作成

    HTML5のCanvasを使ってやりたい事があったので、本日はjQ…

最近の記事

  1. WordPress(WP)
  2. 404 Not Found
  3. WordPress(WP)
  4. WordPress(WP)
  5. PHP
  6. PHP
  7. 風邪予防
  8. WordPress(WP)
  9. PHP
  10. 宅建
PAGE TOP