0

ここで見つけることができる datepicker と呼ばれるカスタム JS ライブラリを使用しています。

セットアップして動作させましたが、追加の機能が必要であり、それを実行する方法がまったくわかりません。

これが私がこれまでに持っているものです：

<h:panelGroup>
    <h:panelGrid>
        <input id="depatureDate" value="Departure date" class="datepicker dp1"></input>
        <script>
            $(".datepicker, dp1").pickadate({
                format: "dd/mm/yyyy",
                formatSubmit: "dd/mm/yyyy"
            })
        </script>
    </h:panelGrid>
    <h:panelGrid id="returnDate">
        <input value="Return date" class="datepicker dp2"></input>
        <script>
            $(".datepicker, dp2").pickadate({
                format: "dd/mm/yyyy",
                formatSubmit: "dd/mm/yyyy"
            })
        </script>
    </h:panelGrid>
</h:panelGroup>

私がする必要があるのは次のとおりです。

最初の日付ピッカーの入力がクリックされ、日付が選択された場合、その日付ピッカーを閉じる必要があり (既にこれを実行しているので問題ありません)、最初の日付ピッカーで選択された日付がマークされた状態で、2 番目の日付ピッカーを開く必要があります。次に、ユーザーは 2 番目の日付ピッカーで別の日付を選択する必要があります

誰かがこれを行う方法を知っている場合は、アドバイスやポインタを歓迎します!

4

2 に答える 2

1

日付ピッカーは終了イベントを提供します。これを使用できますか? ここで API を見てみましょう http://amsul.ca/pickadate.js/api.htm#method-on さらに数行下に、

$('.datepicker').pickadate({
onOpen: function() {
    console.log('Opened up!')
},
onClose: function() {
    console.log('Closed now')
},
onRender: function() {
    console.log('Just rendered anew')
},
onStart: function() {
    console.log('Hello there :)')
},
onStop: function() {
    console.log('See ya')
},
onSet: function(event) {
    console.log('Set stuff:', event)
}
})

クローズイベントに入るとき、新しい日付ピッカーを開き、現在クローズされているデフォルト値を設定します。

于 2013-08-30T15:05:05.713 に答える