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の短期学習プログラムを
格安(15,000円~)で提供しております。

  • 個人でWordPressを使ったサイト(個人ブログやアフィリエイトサイトなど)構築をお考えの方
  • WordPressを使って副業で稼ぎたい方
  • フリーランスでWordPressを使ったお仕事をお考えの方
  • 自社でホームページの構築・運用をお考えの方
  • 企業のWEB担当者の方

内容

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

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

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

ご用意頂くもの

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

などなど、

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

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

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

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

関連記事

  1. JavaScript

    Javascript

    IE10でLightboxが。。。

    自作の画像ギャラリーが動作しなくなったと報告がありました。&nbs…

  2. JavaScript

    Javascript

    getPanoramaByLocation()メソッド

    前回の続きで、ストリートビュー未対応地域を想定した…

  3. JavaScript

    Javascript

    setInterval()とsetTimeout()

    Javascriptでタイマー設定する時に使用する関数にsetTime…

  4. JavaScript

    Javascript

    Google Maps API Ver.3 で地図を表示

    久しぶりにGoogleMap APIを利用しようとして、今更なんで…

  5. JavaScript

    Javascript

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

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

  6. JavaScript

    Javascript

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

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

最近の記事

  1. WordPress(ワードプレス)
  2. SNS(ソーシャルメディア)
  3. Database(DB:データベース)
  4. Database(DB:データベース)
  5. Twitter
  6. SEO(エスイーオー)
  7. WordPressプラグイン「Anti-spam」
  8. システムエラー
  9. PHP(ピー・エイチ・ピー)
  10. SONY 広角レンズ「SEL1018」
PAGE TOP