yii - 在 YII 输入表单中选择日期时间范围

Question

这是问题所在。

我必须在基于 Yii 的网站上创建一个提交表单。表单需要输入日期时间范围。为此，我使用“jui datetimepicker”第三方 Yii 扩展。

我使用两个带有此扩展名的日期字段，分别与开始时间和结束时间有关。所以，我想要实现的是能够将开始日期时间限制为未来的时间（既不应该选择过去的日期，也不应该选择过去的时间），并且结束时间本身应该限制在开始时间之后最多三个小时。

示例：用户想要安排活动。他们选择一个日期和时间，当然是在未来。假设他们在开始时间字段中选择 3 月 15 日 13 点作为开始时间。一旦完成并移至下一个字段（“结束时间”），相应的日期时间选择器将限制从 3 月 15 日 13:00 到 3 月 15 日 16:00 的时间范围。

因此，第二个 datetimepicker 应该根据第一个的输入动态更新。

可以在 datetimepicker 中指定从当前日期开始的日期范围，但是对于时间选择没有类似的东西，所以用户仍然可以选择已经过去的时间。

我并不是想用这个扩展来解决这个问题，如果有人对 YII 解决方案有任何建议，允许以最干净和有效的方式指定日期时间范围 - 将不胜感激。

score 0 · Accepted Answer

0

您应该改用edaterangepicker扩展。

于 2013-03-12T13:55:45.187 回答

score 0 · Accepted Answer

给定jquery timepicker 插件的 API 。您应该将以下内容添加到您的小部件调用中（以及“模型”、“属性”等）

'options'=>array(
'minDateTime'=>'<start dateTime here>',
'onSelect'=>'<JS function to run>'
)

您在“onSelect”事件上运行的函数应该为第二个 dateTime 输入字段动态设置 minDateTime，例如：

function (selectedDateTime){
<EndDatePickerElement>.datetimepicker('option', 'minDateTime', <start dateTime here using selectedDateTime> );
}

如果您需要使其更加精确，则前面提供的链接上有更多示例（例如，如果您希望将开始日期推迟到用户在页面上的时间量，而不是在页面时设置已加载。等等...）

2 回答 2