<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    amp@java

      BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理 ::
      99 隨筆 :: 0 文章 :: 228 評論 :: 0 Trackbacks

    jQuery UI里面只有一個DatePicker,只能選擇日期,不能選擇時間,有人做了一個可以選擇時間的DateTimePicker,在這里(http://razum.si/jQuery-calendar/TimeCalendar.html)可以看到,把jquery.js,jquery-calendar.js,jquery-calendar.css下回來之后就可以用了。
    但是有幾個Bug需要自己修改:
    1、當輸入框里面的時間是0點時,控件顯示不完整,這是因為有個函數有bug,如下所示:

    ???? /* ?Ensure?numbers?are?not?treated?as?octal.? */
    ????trimNumber:?
    function (value)?{
    ????????
    if ?(value? == ?'')
    ????????????
    return ?'';
    ????????
    while ?(value.charAt( 0 )? == ?' 0 '? )?{
    ????????????value?
    = ?value.substring( 1 );
    ????????}
    ????????
    return ?value;
    ????},

    ???????? while ?(value.charAt( 0 )? == ?' 0 '? )?{
    ????????????value?
    = ?value.substring( 1 );
    ????????}

    這一句,如果是0點的話,最終會出錯,因為它的長度最后是1,不能執行substring(1),改成下面就好了:

    ???? /* ?Ensure?numbers?are?not?treated?as?octal.? */
    ????trimNumber:?
    function (value)?{
    ????????
    if ?(value? == ?'')
    ????????????
    return ?'';
    ????????
    while ?(value.charAt( 0 )? == ?' 0 '? && ?value.length >1 )?{
    ????????????value?
    = ?value.substring( 1 );
    ????????}
    ????????
    return ?value;
    ????},

    2、作者是在jQuery 1.1.2版本下實現的,現在最新版本是1.3.2,這個控件在1.3.2下會出現異常,不能選擇日期,這是因為有幾個選擇器有問題:
    ?1?????????$('.calendar_daysRow?td[a]').hover(?//?highlight?current?day
    ?2?????????????function()?{
    ?3?????????????????$(this).addClass('calendar_daysCellOver');
    ?4?????????????},?function()?{
    ?5?????????????????$(this).removeClass('calendar_daysCellOver');
    ?6?????????});
    ?7?????????$('.calendar_daysRow?td[a]').click(function()?{?//?select?day
    ?8?????????????popUpCal.selectedDay?=?$("a",this).html();
    ?9?????????????popUpCal.selectDate();
    10?????????});
    上面的$('.calendar_daysRow?td[a]')在jQuery 1.3.2中不能使用,$("a",this)也是有問題的,同時,在FireFox中,<a>的不能設置背景顏色,所以hover函數不起作用,把它設在<td>也能達到相同的效果,改成以下代碼即可:
    ?1?????????//$('.calendar_daysRow?td?a').hover(?//?highlight?current?day
    ?2?????????$('.calendar_daysRow?td').hover(?//?highlight?current?day
    ?3?????????????function()?{
    ?4?????????????????$(this).addClass('calendar_daysCellOver');
    ?5?????????????},?function()?{
    ?6?????????????????$(this).removeClass('calendar_daysCellOver');
    ?7?????????});
    ?8?????????//$('.calendar_daysRow?td[a]').click(function()?{?//?select?day
    ?9?????????$('.calendar_daysRow?td?a').click(function()?{?//?select?day
    10?????????????//alert("click");
    11?????????????//popUpCal.selectedDay?=?$("a",this).html();
    12?????????????popUpCal.selectedDay?=?$(this).html();
    13?????????????popUpCal.selectDate();
    14?????????});

    經過修改之后在IE7和FireFox3都能在jQuery 1.3.2環境下正常運行。
    posted on 2009-05-22 19:37 amp@java 閱讀(41556) 評論(19)  編輯  收藏 所屬分類: WEB

    評論

    # re: jQuery DateTimePicker 日期時間控件[未登錄] 2009-06-12 14:32 david
    看到這個,幫了我大忙了.謝謝  回復  更多評論
      

    # re: jQuery DateTimePicker 日期時間控件 2009-08-04 16:46 shirleygx
    也幫了我大忙 非常感謝~~  回復  更多評論
      

    # re: jQuery DateTimePicker 日期時間控件 2009-08-15 04:34 ironurbane
    好像下載不了哦   回復  更多評論
      

    # re: jQuery DateTimePicker 日期時間控件 2009-08-17 20:58 amp@java
    @ironurbane
    可以的,在頁面上點右鍵,查看源代碼,可以找到三個文件的下載鏈接分別是:
    http://razum.si/jQuery-calendar/jquery.js
    http://razum.si/jQuery-calendar/jquery-calendar.css
    http://razum.si/jQuery-calendar/jquery-calendar.js,剛試過還可以  回復  更多評論
      

    # re: jQuery DateTimePicker 日期時間控件 2009-08-23 16:13 llll
    沒有漢化的么?  回復  更多評論
      

    # re: jQuery DateTimePicker 日期時間控件 2009-08-29 16:53 amplifier
    @llll
    自己打開源文件把英文修改成中文就完成“漢化”了  回復  更多評論
      

    # re: jQuery DateTimePicker 日期時間控件[未登錄] 2009-09-11 13:36
    牛B,找的就是這個  回復  更多評論
      

    # re: jQuery DateTimePicker 日期時間控件 2009-09-28 13:08
    @amplifier
    寫的很詳細,非常感謝...  回復  更多評論
      

    # re: jQuery DateTimePicker 日期時間控件[未登錄] 2009-11-09 09:53 bill
    寫的不錯,謝謝!  回復  更多評論
      

    # re: jQuery DateTimePicker 日期時間控件[未登錄] 2009-11-19 21:02 jack
    最后還差一步,在頁面怎么調用?剛用jquery不久。請指教  回復  更多評論
      

    # re: jQuery DateTimePicker 日期時間控件 2009-12-04 10:40 amp@java
    @jack
    <script type="text/javascript">
    //<![CDATA[
    $(document).ready(function (){
    $("#calendar1, #calendar2").calendar();
    $("#calendar1_alert").click(function(){alert(popUpCal.parseDate($('#calendar1').val()))});
    });
    //]]>
    </script>

    看那個頁面的源代碼就知道了  回復  更多評論
      

    # re: jQuery DateTimePicker 日期時間控件 2009-12-19 20:50 Mickeywaugh
    本來想自己研究一下再改,沒想到已有了。  回復  更多評論
      

    # re: jQuery DateTimePicker 日期時間控件[未登錄] 2010-02-04 17:25 vincent
    ie6無法選擇月年時分四個下拉列表;
    如何在調用的時候指定dateformat格式,比如yyyy-MM-dd HH:mm  回復  更多評論
      

    # re: jQuery DateTimePicker 日期時間控件 2010-03-17 10:52 novazh
    非常感謝。。非常詳細  回復  更多評論
      

    # re: jQuery DateTimePicker 日期時間控件 2010-04-23 00:14 he.
    牛人那。。呵呵,謝謝,正是我需要的,而且我也成功了。  回復  更多評論
      

    # re: jQuery DateTimePicker 日期時間控件 2011-03-22 11:01 359203648
    我下載了 不會用 郁悶
    lz說的bug 我第一個沒找到  回復  更多評論
      

    # re: jQuery DateTimePicker 日期時間控件[未登錄] 2011-11-01 12:57 123
    好的,謝謝,不錯的~  回復  更多評論
      

    # re: jQuery DateTimePicker 日期時間控件[未登錄] 2012-04-05 22:33 溺水的魚
    支持safari等多瀏覽器嗎?另外鼠標移動的時候有抖動的感覺。  回復  更多評論
      

    # re: jQuery DateTimePicker 日期時間控件[未登錄] 2012-12-25 20:12 小糊涂
    怎么用呀? 不明白? 幫幫忙
      回復  更多評論
      

    主站蜘蛛池模板: 麻花传媒剧在线mv免费观看| 成人亚洲国产va天堂| 国产99视频精品免费视频76| 99在线观看免费视频| 国产男女爽爽爽免费视频| 曰批全过程免费视频在线观看| 成人毛片18岁女人毛片免费看| 亚洲熟妇丰满多毛XXXX| 亚洲一卡一卡二新区无人区 | 亚洲高清中文字幕综合网| 亚洲码在线中文在线观看| 国产免费MV大全视频网站| 亚洲av日韩片在线观看| 国产亚洲婷婷香蕉久久精品 | 老司机午夜精品视频在线观看免费| 亚洲电影在线免费观看| 亚洲综合激情九月婷婷| 男女午夜24式免费视频| 国产精品免费观看调教网| 亚洲人成中文字幕在线观看| 国产免费人成视频在线播放播| 国产∨亚洲V天堂无码久久久| 在线观看免费无码视频| 中文字字幕在线高清免费电影| aⅴ免费在线观看| 久久久久亚洲AV无码观看| 91九色视频无限观看免费| 亚洲精品一区二区三区四区乱码 | 亚洲理论电影在线观看| 中文字幕久精品免费视频| 亚洲最大免费视频网| 亚洲成在人线中文字幕| 免费a级毛片18以上观看精品| 中国内地毛片免费高清| 久久精品国产亚洲AV蜜臀色欲| 国产免费人成在线视频| 青青青国产手机频在线免费观看 | 中文字幕亚洲男人的天堂网络| 色费女人18女人毛片免费视频| 久久亚洲免费视频| 日本v片免费一区二区三区|