2015-11-01 73 views
1

我是新来的JavaScript或jQuery,我想在我的网站上放置一个日期选择器,我可以放置一个日期选择器与日历,但我需要它没有日历和作为选择框。如何显示一个日期作为选择标记(只有一周的星期几和日期)

check the example image

任何想法如何做到这一点在JavaScript或jQuery的?

感谢

+0

您可以创建自定义控件。这将取决于你的用例。你能解释你想达到什么吗? – Rajesh

+0

检查这些解决方案,他们可能会有所帮助http://vitalets.github.io/combodate/和http://www.javascriptkit.com/script/script2/curdateform2.shtml –

回答

0

你可能都不会能够修改日期选择器来做到这一点(我会很乐意承认任何人,否则证明),但你可以轻松地添加日期以一个标准的选择控制。

在这段代码中,我使用了datepicker UI的formatDate,因此您需要包含jQuery UI或至少datepicker组件才能使其工作。

以下示例将从当天开始的10天添加到ID为“mySelect”的select元素。

$(function() { 
    var today = new Date(); 
    var date = new Date(); 

    for (x = 0; x <= 9; x++) { 
     date.setDate(today.getDate() + x); 
     textDate = $.datepicker.formatDate('D, dd-M', date); 
     $('#mySelect') 
      .append($("<option></option>") 
      .attr("value", textDate) 
      .text(textDate)); 
    } 
}); 
+0

嗨,谢谢你。我没有得到正确的输出,你能帮我一个jsfiddle演示。 – vinoth

+0

https://jsfiddle.net/tonyhinkle/rb6wxune/ –

+0

除了这段代码之外,您需要的仅仅是jQuery(左窗格中的框架和扩展)和jQuery UI(请参阅左窗格中的“外部资源”)的链接,和HTML中的