JavaScript:限制datepicker上的日期

时间:2017-09-16 01:41:35

标签: javascript wordpress datepicker

长时间潜伏在这里。我在WordPress上组建了一个网站,允许客户登录以安排取件和送货。目前我使用Ninja Forms来接受我的订单有多种原因。我遇到的问题是修改datepickers。我已经使用并修改了一些WP插件代码来禁用过去的日期,但我无法弄清楚如何做我想做的事情。

我想要禁用过去和当天的日期。这是我现在的代码:

插件:

<?php
/*
 * Plugin Name: Datepicker Customization - MT Lemon
 */
add_filter( 'ninja_forms_enqueue_scripts', 'nf_datepicker_options' );
function nf_datepicker_options() {
    wp_enqueue_script( 'nf_datepicker_options', plugin_dir_url( __FILE__ ) . 'script.js', array( 'jquery' ), false, true );
}

的script.js:

jQuery( document ).ready( function() {
    new(Marionette.Object.extend( {

        initialize: function() {
            this.listenTo( Backbone.Radio.channel( 'pikaday' ), 'init', this.modifyDatepicker );
        },

        modifyDatepicker: function( dateObject, fieldModel ) {
            // Set to future dates ONLY
            dateObject.pikaday.setMinDate( new Date( Date( 'F j, Y' )  ) ) ;   //  How do I add one day to this value
            // Block Sundays

            // Block Holidays


        }
    }));
});

我已经用谷歌搜索了这个,试图找出如何只展示未来的日子,但没有用。我没有太多的javascript经验,我发现的一切都没有用。一旦我弄清楚如何执行此操作,我还想从datepicker中删除星期日以及删除设置日期(即假期)。

有人能帮助我,或者至少指出我正确的方向吗?任何帮助将非常感激。

约旦

1 个答案:

答案 0 :(得分:0)

使用此great answer

var tomorrow = new Date();
tomorrow.setDate(tomorrow.getDate() + 1);
dateObject.pikaday.setMinDate(tomorrow);