小编Kuz*_*zzy的帖子

jQuery UI DatePicker输出日期格式

我有内联jQuery UI DatePicker,需要自定义格式和输出日期外观,代码:

<div id="date-start"></div>
<div class="date start" id="date-start-output"></div>

$(function(){
    // Datepicker
    $('#date-start').datepicker({
        inline:true,            
        showOtherMonths: true,
        altField: "#date-start-value",
        altFormat: "dd M yy",
        dateFormat: "dd M yy",
        onSelect: function(){
            var day1 = $("#date-start").datepicker('getDate').getDate();                 
            var month1 = $("#date-start").datepicker('getDate').getMonth() + 1;             
            var year1 = $("#date-start").datepicker('getDate').getFullYear();               
            var str_output = "<b>" + day1 + "</b><span>" + month1 + "<br />" + year1 + "</span>";
            $('#date-start-output').html(str_output);
        }

    }); 

});
Run Code Online (Sandbox Code Playgroud)

它有效,但在#date-start-output中,我的日期格式不是"dd M yy",而是"dd m yy".如何为月份设置必要的输出格式?另外我需要在页面加载后显示#date-start-output当前日期,我正在尝试"beforeShow"事件,但它不能与"onSelect"事件一起使用.

谢谢.

jquery-ui datepicker

2
推荐指数
1
解决办法
2万
查看次数

如何为动态生成的输入添加唯一ID?

基本问题; 我有这个代码:

var partipiansRow = '<div class="form-row "><input type="text" id="name" class="textbox" /> <input type="text" class="textbox" id="email" /></div>'

$(".button").live("click", function(){
    $('.form-participants').after(partipiansRow);         
});
Run Code Online (Sandbox Code Playgroud)

它创建了具有2个输入的无限行,如何设置它们的唯一ID?例如:

<div class="form-row "><input type="text" id="name1" class="textbox" /> <input type="text" class="textbox" id="email1" /></div>
<div class="form-row "><input type="text" id="name2" class="textbox" /> <input type="text" class="textbox" id="email2" /></div>
<div class="form-row "><input type="text" id="name3" class="textbox" /> <input type="text" class="textbox" id="email3" /></div>
Run Code Online (Sandbox Code Playgroud)

谢谢.

jquery

1
推荐指数
1
解决办法
5309
查看次数

HTML5全屏API转义按钮事件

我正在使用jQuery全屏插件https://github.com/martinaglv/jQuery-FullScreen 我的代码:

$('#cancel-fullscreen').hide()                     
//View Fullscreen
$('#view-fullscreen').click(function(){
    $('#container').css({'background': 'green'}).fullScreen();
    $(this).hide();
    $('#cancel-fullscreen').show();
    return false;
});

//Cancel Fullscreen 
$('#cancel-fullscreen').click(function(){
    //I need this work when "Esc" or "F11" buttons pressed                                 
    $('#container').css({'background': 'red'}).fullScreen(); //If press "Esc" background still green..
    $(this).hide();
    $('#view-fullscreen').show();
    return false;
});
Run Code Online (Sandbox Code Playgroud)

它工作得很好,但我的设计中不需要"取消"按钮,按下"Esc"或"F11"按钮全屏取消.按下这个按钮后我需要运行一些功能,任何想法怎么办?

谢谢,Kuzzy.

jquery html5 fullscreen jquery-plugins

1
推荐指数
2
解决办法
8782
查看次数