5

フォームにあるjquery datepickerの範囲を設定しようとしていますが、フォームを開くと任意の日付を選択できます。

  <input class="span2 datepicker" name="tw#local#changeRequest#DeliveryDate" type="text" id="dp1">


 <!-- jQuery -->
 <script type="text/javascript" src="<#=tw.system.model.findManagedFileByPath('jquery-1.7.2.min.js', TWManagedFile.Types.Web).url;#>"></script>

 <!-- Datepicker Script -->
 <script type="text/javascript" src="<#=tw.system.model.findManagedFileByPath('bootstrap-datepicker_new.js', TWManagedFile.Types.Web).url;#>"></script>

 <script type="text/javascript">
 $(document).ready(function(){

 $( "#datepicker" ).datepicker({ minDate: -20, maxDate: "+1M +10D" });

 });
 </script>
4

7 に答える 7

10

私の知る限り、次のようにする必要があります。

$("#datepicker").datepicker('option', {minDate: <some date>, maxDate: <some date>});

あなたが見逃しているのは、「オプション」を使用してそれらを設定する必要があるということです。

于 2012-08-10T10:12:27.833 に答える
2 
$('#datepicker').datepicker({
                maxDate: '+1m',
                minDate: '-20d',
                });

最小日付と最大日付が式の場合、文字列として適切に定義する必要があります。 jquery ui datepicker MaxDate セクションへのリンクは次のとおりです。

于 2012-08-10T10:36:12.170 に答える
1

もう 1 つ、すでにお気づきかもしれませんが、セレクターは ID を「datepicker」として検索しています。一方、日付ピッカーはクラスです。したがって、「#datepicker」から「.datepicker」に変更する必要があると思います。

于 2015-12-28T10:22:24.973 に答える
0

daterangepicker を実装すると、minDate と maxDate の両方を日付に設定するたびに、カレンダーに NaN 値が返されます。それらを個別にコーディングすると機能しますが、一緒に実行すると、上記のエラーが表示されます。startDate と endDate を追加すると、カレンダーに NaN が表示されなくなることがわかりました。

<script>
        let first_date = "{{first_date}}";
        let last_date = "{{last_date}}";

        console.log(first_date);
        console.log(last_date);
        $('#picker').daterangepicker({
            opens: 'right',
            timePicker: true,
            timePicker24Hour: true,
            minDate: first_date,  // with only minDate & maxDate, NaN value in the calender 
            startDate: first_date,   // startDate & endDate highlights the date range and prints values in calender 
            endDate: last_date,
            maxDate: last_date,
            locale: {
                format: 'DD-MM-YYYY HH00'
            }
        }, function (start, end, label) {
            $('#start').text(start.format('DD-MM-YYYY HH00'))
            $('#end').text(end.format('DD-MM-YYYY HH00'))
        })
</script>

簡単に説明すると、Flask フレームワークを使用して Web ポータルを開発しています。{{first_date}} は、別の Web ページから転送された jinjja 構文です。

daterangepicker.js の機能についてさらに理解を深めるために、以下のリンクから、知っておくべきことがすべてわかります。 https://www.youtube.com/watch?v=f5QA8N4tQwg&ab_channel=CodeTube

于 2022-01-06T05:23:11.643 に答える