日期输入框（无期限）

通过日期插件my97datepicker做办理期限，选择日期及无期限

html

<input type="text" id="limitTime" onblur="onblurHandler" onclick="showLimitBtn();WdatePicker({dateFmt:'yyyy-MM-dd HH-mm',minDate:'#F{$dp.$D(\'limitTimedate\')}',oncleared:clearHandler})">
<input type="hidden" id="noLimitBtn" onmousedown="disableLimits(event)" value="无期限">

js

function onblurHandler(){
    var $tab=$.cssTab.focus();
    $("noLimitBtn",$tab).attr("type","hidden");// 隐藏无期限
}
function showLimitBtn(){
    var $tab=$.cssTab.focus();
    $("noLimitBtn",$tab).attr("type","button");// 显示无期限
}
function disableLimits(event){
    var $tab=$.cssTab.focus();
    event.preventDefault();
    $("#limitTime",$tab)[0].value="";
    $("#limitTime",$tab).attr("placeholder","无期限");// 输入框显示无期限
    $("noLimitBtn",$tab).attr("type","hidden");// 隐藏无期限
}
function clearHandler(){
    var $tab=$.cssTab.focus();
    $("noLimitBtn",$tab).attr("type","hidden");// 隐藏无期限
}

点击无期限时的输入框失去焦点

click事件改为onmousedown事件，取消默认事件event.preventDefault()