更改日期选择器后如何立即清除时间选择器中的内容?

Posted

技术标签:

【中文标题】更改日期选择器后如何立即清除时间选择器中的内容?【英文标题】:How to clear content in timepicker instantly after I changed datepicker? 【发布时间】:2021-04-09 09:16:04 【问题描述】:

我正在使用 CardService 开发带有日期选择器和时间选择器的 Google 日历插件。这是代码。

var startDate = CardService.newDatePicker()
  .setTitle("Start Date:")
  .setFieldName("startDate")

var startTime= CardService.newTimePicker()
  .setTitle("Start Time:")
  .setFieldName("startTime")
  .setHours(10)
  .setMinutes(0)

我希望在更改日期选择器后立即更改时间选择器。 更准确地说,当我将日期选择器设置为今天时,我希望清除时间选择器并显示为空白,而当我将其设置为其他日期时显示 10:00 AM。

我在想不设置时间选择器的默认时间,并在我设置除今天以外的日期选择器时更改它,但首先它显示 12:00 AM 而不是空白。所以看来这种方式是行不通的。

【问题讨论】:

欢迎来到 SO。请阅读how-do-I-ask-a-good-question。请编辑您的问题以包含重现您的问题的最少代码。谢谢。 @Aerials 谢谢你的建议,我刚刚更新了我的问题。 【参考方案1】:

时间选择器总是有一个值(不能为空)。如果您没有通过添加小时和分钟来设置自己的默认值,则默认值为 00:00 小时或 12:00 上午,因为它是一天的开始。

【讨论】:

感谢您的回答!另外,我想问一下,在我更改日期选择器后,是否可以立即更改时间选择器? 您可以为此使用setOnChangeAction(action) 方法。 action 可以运行自定义函数,将时间选择器设置为您想要的时间。您可能还想使用DateTimePicker 而不是日期和时间选择器,但这是一个设计决定。

以上是关于更改日期选择器后如何立即清除时间选择器中的内容?的主要内容,如果未能解决你的问题,请参考以下文章

如何更改日期选择器中的文本大小?

如何在日期选择器中禁用上一个日期

如何在反应日期选择器中动态禁用天数

我如何在 jquery 日期选择器中制作一个清晰的按钮

如何在 extjs 日期字段或日期选择器中访问更改月份事件

如何在引导日期选择器中更改日期格式(dd-mmm-yyyy)