【问题标题】:Adding a link on every date in jQuery plugins: datepick在 jQuery 插件中的每个日期添加一个链接:datepick
【发布时间】:2010-08-10 19:20:14
【问题描述】:

我想在我的日历中的每个日期添加链接。例如,如果我点击 2010 年 8 月 25 日,我希望页面被重定向到:xxxxxx/25082010/

(ddmmyyyy)

插件是这个:http://keith-wood.name/datepick.html

我可以在选择日期 (onSelect) 时添加一个事件,但我无法获得正确格式的日期 (ddmmyyyy) 和要创建的链接。

<script type='text/javascript' >
    $(document).ready(function(){

$('#mindate').datepick({
    dateFormat: 'yyyy-mm-dd',
    defaultDate: '2010-10-01',
    minDate: '2009-10-01', 
    maxDate: '2010-10-01',
    onSelect: function(dates) { alert('The chosen date(s): ' + dates); }, 
    showTrigger: '<button type="button" class="trigger">Change</button>'});

});
</script>

“onSelect”给我这样的日期:所选日期:2010 年 8 月 25 日星期三 00:00:00 GMT-0400(东部夏令时间)

谢谢

【问题讨论】:

    标签: jquery plugins date calendar date-format


    【解决方案1】:

    您可以使用Date 对象上的一些内置方法来格式化选择器返回的日期:

    alert('The chosen date(s): ' + dates.getDate() + 
                                   dates.getMonth() + 
                                   dates.getYear());
    

    【讨论】:

    • 您能否检查您的 javascript 控制台以查看是否抛出了错误?插件可能会返回日期的字符串表示形式,而不是实际日期。如果是这种情况,您可以使用new Date(dates)dates 解析为日期变量,然后使用上述方法。
    【解决方案2】:

    如果还不算太晚,我会切换到 jQuery UI 日期选择器,该脚本有更好的支持和功能 http://jqueryui.com/demos/datepicker/ 并且它有不同类型的日期和 parseDate 方法。

    【讨论】:

      【解决方案3】:
      onSelect: function(dates) { $.datepick.formatDate('ddmmyyyy', dates[0]); }, 
      

      我也遇到过类似的问题,看了这个好人的回答,大喊一声啊哈! jQuery DatePick Populating Input - Multiple Clicks Issue

      我希望这只是糟糕的文档,而不是我太厚了(现在是我们)。

      但是,问题在于传递给函数的数据是数组或对象,或者是在 javascript 中调用的任何垃圾,只是调用它,在您的情况下,“日期”似乎在其上运行某种 toString。

      如果您尝试约会[0],您将成为一个快乐的人。如果你有一个多选范围(我的问题),你想要 dates[0] 和 dates[1] ,它只是词真的很好。我希望他能在他的文档中更清楚地说明这一点,因为我非常喜欢这个而不是 UI 日期选择器,仅用于范围选择。

      另外,如果您可以在标签中添加“datepick”,我认为这会有所帮助。我浪费了很多时间试图避免所有自动认为我在寻找 Jquery UI 数据选择器而不是 Jquery datepick 日期选择器的事情

      【讨论】:

      • PS:我知道这是一个老问题,但我想尝试在某个地方清楚地发布这个问题,因为我很难找到信息!
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2015-03-02
      • 1970-01-01
      • 2012-04-27
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多