JavaScript NoGray日历使用带日历的下拉框而不是输入字段和日历

我试图使用NoGray日历与下拉输入而不是通常的输入字段，以便有一个日期，月份和年份的下拉框，他们更新日历和日历更新下拉列表。

我把它作为输入字段工作，如下所示：

    var my_cal1, my_cal2; ng.ready(function(){ my_cal1 = new ng.Calendar({ input: {date:'date1', month:'month1', year:'year1'}, selected_date:new Date(),display_date:new Date(), dates_off:[{date:26, month:11, year:2014},{date:27, month:11, year:2014},{date:28, month:11, year:2014},{date:29, month:11, year:2014},{date:30, month:11, year:2014},{date:31, month:11, year:2014}], events: { onLoad: function() { var st_dt = this.get_start_date().clone(); console.log(this.is_selectable(st_dt)[0]); while(!this.is_selectable(st_dt)[0]) { st_dt = st_dt.from_string('today + 1'); } // checking if no dates are selected if (!ng.defined(this.get_selected_date())) { this.select_date(st_dt); } this.set_start_date(st_dt); }, onDateClick: function(dt) { this.select_date(dt); } } });  

另外，我想要的是显示一个带有“打开日历”等文本的链接，而不是显示日历按钮。

 Open Calendar 

怎么可以这样做，因为我似乎无法弄清楚这一点？

提前致谢。

Answer 1

要使用下拉菜单而不是标准输入框，您需要手动填充值。

这是一个快速示例（我们使用输入框来简化代码）

 We are using input boxes to simplify the example

    Open Calendar 
    

您可以在http://www.nogray.com/calendar_builder.php?open=cal_1406316577_782查看它的工作情况