WooCommerce(我的帐户)注册中的Date Picker

时间:2016-01-03 作者:kpmrpar

我已经在google上搜索过了,但没有找到任何解决方案。

我正在尝试在woocommerce注册页面中添加出生日期(datepicker)字段。

已根据发布的指南创建注册表here

我正在使用可用的日期选择器脚本here

根据DatePicker文档,我们必须添加以下代码才能使其正常工作。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="glDatePicker.min.js"></script>

<script type="text/javascript">
    $(window).load(function()
    {
        $(\'input\').glDatePicker();
    });
</script>
问题是表单中的所有其他字段都开始显示日历。这是因为javascript将日历添加到表单的所有“输入”字段中。

如何解决这个问题???

函数中的代码。php。。。。

<p class="form-row form-row-wide">
<label for="reg_billing_birthdate"><?php _e( \'Birth Date\', \'woocommerce\' ); ?> <span class="required">*</span></label>
<input type="text" class="input-text" name="billing_birthdate" id="reg_billing_birthdate" gldp-id="mydate" value="<?php if ( ! empty( $_POST[\'billing_birthdate\'] ) ) esc_attr_e( $_POST[\'billing_birthdate\'] ); ?>" />
</p>

2 个回复
SO网友:WPTC-Troop

不要包含来自任何其他源的jquery,它会产生冲突。默认情况下,Bcoz jQuery在wordpress中预绑定。

对于您的问题,请添加idclass 然后根据类添加datepicker。例如

<input type="text" class="da_test" value="" >

<script type="text/javascript">
    $(window).load(function()
    {
        $(\'.da_test\').glDatePicker();
    });
</script>
这将避免datepicker出现在每个输入元素中。

SO网友:kpmrpar

以下更改已生效。。。。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="glDatePicker.min.js"></script>

<script type="text/javascript">
$(window).load(function()
{
    $(\'#reg_billing_birthdate\').glDatePicker();
});
</script>

相关推荐

区域设置过滤器与新的DatePicker本地化相结合

因此,在WordPress 4.6中,他们将本地化添加到jQuery日期选择器中,使其自动进行。我首先在这里发帖,因为我不确定这是否是WP的一个bug,或者我是否做错了什么。如果我在设置中将我的语言设置为法语,那么日期选择器将正确本地化,并以法语显示月份等。然而,对于演示页面,我想展示一下这一点,不想将整个网站设置为法语,而只是一个页面。以下是我正在使用的内容:function change_language( $locale ) { if ( is_page( 156 ) ) {