请问有谁用过jQuery Datepicker？

ltk1984

如题， http://keith-wood.name/datepick.html 。 如果我要把显示的日期改为价钱表，行吗？谢谢了。

楚肥香

改js file 不就行了吗？

路人1

你要的是不是当user click 那个Input box的时候。。
它就好像那个datepicker一样list出所有price lists?

ltk1984

路人1 发表于 8-12-2012 01:10 PM
你要的是不是当user click 那个Input box的时候。。
它就好像那个datepicker一样list出所有price lists?
...

对了。在日期上面显示价钱。用处：譬如酒店的价格依照假期浮动。

gkheng2003

好像那个 http://flynXw.my 的Calendar Mode ??X

好像楼上讲的 （code 几鬼长2下）：
http://code.jquery.com/ui/1.9.2/jquery-ui.js

这个比较短， 应该是该这个html：
http://calendarview.org/releases/1.2/javascripts/calendarview.js

1. //----------------------------------------------------------------------------
   
2.   // Create/Draw the Calendar HTML Elements
   
3.   //----------------------------------------------------------------------------
   
4. 
   
5.   create: function(parent)
   
6.   {
   
7. 
   
8.     // If no parent was specified, assume that we are creating a popup calendar.
   
9.     if (!parent) {
   
10.       parent = document.getElementsByTagName('body')[0]
    
11.       this.isPopup = true
    
12.     } else {
    
13.       this.isPopup = false
    
14.     }
    
15. 
    
16.     // Calendar Table
    
17.     var table = new Element('table')
    
18. 
    
19.     // Calendar Header
    
20.     var thead = new Element('thead')
    
21.     table.appendChild(thead)
    
22. 
    
23.     // Title Placeholder
    
24.     var row  = new Element('tr')
    
25.     var cell = new Element('td', { colSpan: 7 } )
    
26.     cell.addClassName('title')
    
27.     row.appendChild(cell)
    
28.     thead.appendChild(row)
    
29. 
    
30.     // Calendar Navigation
    
31.     row = new Element('tr')
    
32.     this._drawButtonCell(row, '«', 1, Calendar.NAV_PREVIOUS_YEAR)
    
33.     this._drawButtonCell(row, '‹', 1, Calendar.NAV_PREVIOUS_MONTH)
    
34.     this._drawButtonCell(row, 'Today',    3, Calendar.NAV_TODAY)
    
35.     this._drawButtonCell(row, '›', 1, Calendar.NAV_NEXT_MONTH)
    
36.     this._drawButtonCell(row, '»', 1, Calendar.NAV_NEXT_YEAR)
    
37.     thead.appendChild(row)
    
38. 
    
39.     // Day Names
    
40.     row = new Element('tr')
    
41.     for (var i = 0; i < 7; ++i) {
    
42.       cell = new Element('th').update(Calendar.SHORT_DAY_NAMES[i])
    
43.       if (i == 0 || i == 6)
    
44.         cell.addClassName('weekend')
    
45.       row.appendChild(cell)
    
46.     }
    
47.     thead.appendChild(row)
    
48. 
    
49.     // Calendar Days
    
50.     var tbody = table.appendChild(new Element('tbody'))
    
51.     for (i = 6; i > 0; --i) {
    
52.       row = tbody.appendChild(new Element('tr'))
    
53.       row.addClassName('days')
    
54.       for (var j = 7; j > 0; --j) {
    
55.         cell = row.appendChild(new Element('td'))
    
56.         cell.calendar = this
    
57.       }
    
58.     }
    
59. 
    
60.     // Calendar Container (div)
    
61.     this.container = new Element('div')
    
62.     this.container.addClassName('calendar')
    
63.     if (this.isPopup) {
    
64.       this.container.setStyle({ position: 'absolute', display: 'none' })
    
65.       this.container.addClassName('popup')
    
66.     }
    
67.     this.container.appendChild(table)
    
68. 
    
69.     // Initialize Calendar
    
70.     this.update(this.date)
    
71. 
    
72.     // Observe the container for mousedown events
    
73.     Event.observe(this.container, 'mousedown', Calendar.handleMouseDownEvent)
    
74. 
    
75.     // Append to parent element
    
76.     parent.appendChild(this.container)
    
77. 
    
78.   },
    
79. 
    
80.   _drawButtonCell: function(parent, text, colSpan, navAction)
    
81.   {
    
82.     var cell          = new Element('td')
    
83.     if (colSpan > 1) cell.colSpan = colSpan
    
84.     cell.className    = 'button'
    
85.     cell.calendar     = this
    
86.     cell.navAction    = navAction
    
87.     cell.innerHTML    = text
    
88.     cell.unselectable = 'on' // IE
    
89.     parent.appendChild(cell)
    
90.     return cell
    
91.   },
    

复制代码

ltk1984

gkheng2003 发表于 8-12-2012 11:40 PM
好像那个 http://flynXw.my 的Calendar Mode ??X

好像楼上讲的 （code 几鬼长2下）：

谢谢了，正在研究coding中。