2016-12-06 8 views
0

日付を選択するには、http://foundation-datepicker.peterbeno.com/example.htmlでdatepickerを使用しようとしています。Jquery datepicker - 年と月の次の日

datepickerは、矢印を使用するのではなく、本当にいい年ピッカーと月ピッカーの形式を持っています。

year-picker

私が言うことができる年ピッカーにアクセスする唯一の方法は、しかし、私はこれがデフォルトで最初に表示したい、上部の年をクリックすることです。ユーザーが年を選択すると、月選択ツールを使用して月を選択できるようになります。

[month-picker] [2] - 2:i.stack.imgur.com/CiIgU.png(私はできません2つ以上のリンクを現在投稿していますが、私はstackoverflowを初めて利用していますが、ここには意図したスクリーンショットがあります - 下に同じ...)

まず、年、月、日を選択します。しかし私が見ているすべての例では、年初から3つすべてをどのように設定するかわかりません。最後に

デフォルトの日のピッカー

[日-ピッカー] [3] - 3:上記が不可能な場合i.stack.imgur.com/p3re2.pngまた

は可能性がありますユーザーは3つの異なる日付ピッカー - 年、月、日の3つの別々の時間を3つ選択することができます。

<div class="row collapse date" id="dpMonths" data-date-format="mm/yyyy" data-start-view="year" data-min-view="year" style="max-width:200px;"> 
<div class="small-2 columns"> 
    <span class="prefix"><i class="fa fa-calendar"></i></span> 
</div> 
<div class="small-10 columns"> 
    <input size="16" type="text" value="02/2012" readonly> 
</div> 

<script> 
$(function(){ 
    $('#dpMonths').fdatepicker(); 
}); 
</script> 

これが可能である:私は、次の(ただし、年ピッカー)と協力し、月・ピッカーを得ることができますか?

敬具、 デイブ

答えて

0

...あり、このページ上の例のトンがあるが、私はそれらのいずれかを変更しようとした場合、それのいずれかの破損やdoesntのは、私はそれが何をする必要があるかやります上記のウェブサイトの例は正しくありません。多くの検索を行った後、私はそのコミットの1つで答えを見つけることができました。うまくいけば、この答えは他の人を助けるかもしれない。

$('.monthpicker').fdatepicker({ 
format : 'mm/yyyy', 
    startView : 1, 
    minView : 1 
}); 

ビューが上がる番号が付けられているので、4 =年間など

年を経て日付を選択 - > [月 - >日:

$('.monthpicker').fdatepicker({ 
    format : 'mm/yyyy', 
     startView : 4, 
     minView : 2 
    }); 
関連する問題