【问题标题】:populate textbox with formatted date使用格式化日期填充文本框
【发布时间】:2012-10-02 16:22:25
【问题描述】:

我有两个日期选择器字段(telerik,不是 jquery UI)和一个单选按钮列表,其中包含周、月、年等按钮。

用户可以使用两个日期选择器选择一个日期范围,或者,他们可以单击其中一个单选按钮,然后根据他们的选择填充字段。

所以如果用户选择星期,结束日期应该是今天,开始日期应该是 7 天前。

我现在拥有的是这样的:

 $(function () {
        $("#dateRange_week").click(function () {
            var now = new Date();
            var startDate = now;
            $("#StartDate").val(startDate);
            $("#EndDate").val(now);
        });
    });

目前 jQuery 插入的日期是格式如下的字符串

Tue Oct 02 2012 12:08:01 GMT-0400 (Eastern Daylight Time)
  • 如何将 startDate 计算为现在 - 7 天?
  • 如何将日期格式设置为 mm/dd/yyyy?

EDIT___

修复: 根据下面接受的答案使用 Date.js,jQuery 变为

        $("#dateRange_week").click(function () {
            var startDate = (7).days().ago();
            var start = startDate.toString("M/d/yyyy");
            var endDate = new Date();
            var end = endDate.toString("M/d/yyyy");
            $("#StartDate").val(start);
            $("#EndDate").val(end);
        });

【问题讨论】:

    标签: javascript jquery telerik


    【解决方案1】:

    很遗憾,但是 JS 没有很好的日期时间操作能力。
    好消息 - 您可以为此使用一些插件。
    例如:

    • Moment - 来自 SO 用户 timrwood 的非常好的插件
    • date.js - 另一个很好的日期和时间操作插件

    它们(以及许多其他)都具有添加/减去日期和日期格式的功能。以及许多其他有用的选项。

    【讨论】:

    • date.js 很好地满足了需求。谢谢你的信息!
    【解决方案2】:

    这是格式化 jQuery 日期jQuery date formatting 的良好开端

    这可能有助于减少天数 Adding/Subtracting days from a date doesn't change the year/month correctly

    【讨论】:

    • 在发布这个问题之前,我实际上已经阅读了这两个链接。
    【解决方案3】:

    尝试类似:

    DateTime dtNow = DateTime.Now;
    DateTime dtBegin = DateTime.MinValue;
    DateTime dtEnd = DateTime.MinValue;
    dtBegin = dtNow.AddDays(1 - Convert.ToDouble(dtNow.DayOfWeek));
    dtEnd = dtNow.AddDays(7 - Convert.ToDouble(dtNow.DayOfWeek));
    

    要格式化 mm/DD/yyyy,请使用 .ToShortDateString()

    【讨论】:

    • 是的,这个函数设置一周的开始和结束,不一定是7天的间隔。但是 .AddDays() 方法可以做到这一点。
    • 我的问题是关于通过 jQuery 插入和操作日期。
    猜你喜欢
    • 2023-02-03
    • 1970-01-01
    • 2018-12-08
    • 2016-01-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多