我已经在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>
SO网友:WPTC-Troop
不要包含来自任何其他源的jquery,它会产生冲突。默认情况下,Bcoz jQuery在wordpress中预绑定。
对于您的问题,请添加id 或class 然后根据类添加datepicker。例如
<input type="text" class="da_test" value="" >
<script type="text/javascript">
$(window).load(function()
{
$(\'.da_test\').glDatePicker();
});
</script>
这将避免datepicker出现在每个输入元素中。