JavaScript: 限制日期选择器上的日期
JavaScript: Restrict dates on datepicker
我正在组建一个 WordPress
网站来执行此操作:
- 允许客户端登录,并且
- 安排他们洗衣的取件和送货。
目前,我正在使用 Ninja Forms
来接单。
问题
我正在尝试修改日期选择器。我已经使用并修改了一些 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
没有太多经验,我发现的一切都不起作用。弄清楚如何执行此操作后,我还想从日期选择器中删除星期日以及删除设置的日期(即假期)。
有没有人能帮助我,或者至少给我指出正确的方向?任何帮助将不胜感激。
约旦
使用这个 great answer:
var tomorrow = new Date();
tomorrow.setDate(tomorrow.getDate() + 1);
dateObject.pikaday.setMinDate(tomorrow);
我正在组建一个 WordPress
网站来执行此操作:
- 允许客户端登录,并且
- 安排他们洗衣的取件和送货。
目前,我正在使用 Ninja Forms
来接单。
问题
我正在尝试修改日期选择器。我已经使用并修改了一些 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
没有太多经验,我发现的一切都不起作用。弄清楚如何执行此操作后,我还想从日期选择器中删除星期日以及删除设置的日期(即假期)。
有没有人能帮助我,或者至少给我指出正确的方向?任何帮助将不胜感激。
约旦
使用这个 great answer:
var tomorrow = new Date();
tomorrow.setDate(tomorrow.getDate() + 1);
dateObject.pikaday.setMinDate(tomorrow);