要解决AMP日期选择器在表单提交中不起作用的问题,可以使用AMP的amp-bind组件来捕获日期选择器的值并在表单提交时进行处理。
以下是一个示例代码,展示了如何使用amp-bind来获取日期选择器的值并在表单提交时将其包含在表单数据中:
AMP日期选择器示例
在上面的示例代码中,我们使用了amp-bind的[value]属性来捕获日期选择器的值,并使用on="change:AMP.setState({selectedDate: event.value})"来监听日期选择器值的变化,并将其保存在selectedDate变量中。
在标签中,我们使用action-xhr属性来指定表单提交的URL。当用户点击提交按钮时,表单数据将被提交到指定的URL,并在新的标签页中打开。
使用amp-bind捕获日期选择器的值后,可以在表单提交时使用selectedDate变量的值来包含在表单数据中,例如:
这样,在表单提交时,selectedDate的值将作为隐藏字段的值被包含在表单数据中。
请注意,上述代码示例中的表单提交使用了action-xhr属性,这是AMP中用于实现异步表单提交的方法,以确保符合AMP的要求。根据你的实际需求,你可能需要对表单提交进行相应的调整。