将 jQuery datepicker 与 Chronic 一起使用答案

【问题标题】：Using jQuery datepicker with Chronic将 jQuery datepicker 与 Chronic 一起使用
【发布时间】：2011-10-24 13:47:04
【问题描述】：

我正在尝试将 jQuery 日期选择器和用于 Ruby on Rails 的慢性日期解析器的优势结合起来。

jQuery UI 日期选择器对于直观地选择日期很有用。但我也希望用户能够以他们选择的任何格式输入日期，并让 Chronic 库处理输入。

我有一个文本输入字段，我在其中附加了一个日期选择器，日期选择功能非常有用。但我还想要的是，如果用户忽略日期选择器，只需输入“上周二”并按 Enter，我想提交“上周二”并让慢性将其解析为 2011 年 10 月 18 日。但是发生的事情是文本框值被日期选择器中的当前日期替换。

这似乎是一个应该存在的选项，允许日期选择器作为助手工作，而不是唯一的输入来源。但我找不到禁用此功能的方法。

更新：

我通过仅在按钮按下而不是焦点上显示日历而得到了改进，但即使您显示了日期选择器，如果您输入一些文本并点击，这似乎仍然是错误的输入，它会被日期选择器日期覆盖！

  $('.dl_input_production_date').datepicker({
    showOn: 'button',
    buttonImage: '/images/calendar.gif',
    buttonImageOnly: true
  });

【问题讨论】：

标签： javascript ruby-on-rails jquery-ui-datepicker chronic

【解决方案1】：

在别处得到了答案：只需在原始输入框的 keydown 上隐藏日期选择器即可。这意味着在开始输入时，日期选择器消失，直接使用输入的输入。

  $('.dl_input_production_date').datepicker({
    showOn: 'button',
    buttonImage: '/images/calendar.gif',
    buttonImageOnly: true
  }).keydown( function() {
    $(this).datepicker( "hide" );
  });

【讨论】：