limeng
/
cetdz


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
							<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="../../lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
    <script src="../../lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script> 
    <script src="../../lib/ligerUI/js/core/base.js" type="text/javascript"></script>
    <script src="../../lib/ligerUI/js/plugins/ligerDateEditor.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function ()
        {
            $("#txt1").ligerDateEditor({ showTime: true, label: '带时间', labelWidth: 100, labelAlign: 'left' });

            $("#txt2").ligerDateEditor({ label: '测试只读', labelWidth: 100, labelAlign: 'right', initValue: '2011-03-07' });

            $("#txt3").ligerDateEditor({ format: "yyyy年MM月dd日", label: '格式化日期', labelWidth: 100, labelAlign: 'center' });


            $("#txt4").ligerDateEditor();

            $(".btn").click(function ()
            {
                alert("txt1:" + $("#txt1").val());
                alert("txt2:" + $("#txt2").val());
            });

            $("#txt1").change(function ()
            {
                $(".message").html("txt1 value change:" + $("#txt1").val())
            });

            $(".btn2").click(function ()
            {
                $("#txt2").ligerGetDateEditorManager().setDisabled();
            });
            $(".btn3").click(function ()
            {
                $("#txt2").ligerGetDateEditorManager().setEnabled();
            });
            $(".btn4").click(function ()
            {
                alert($("#txt3").ligerGetDateEditorManager().getValue());
            });
            $(".btn5").click(function ()
            {
                $("#txt3").ligerGetDateEditorManager().setValue('2011-03-07');
            });
        });
    </script>
</head>
<body style="padding:10px">
     <h3>示例一：不选择时间</h3>
 <input type="text" id="txt2" />
   <br />
       <h3>示例二：选择时间</h3>
       <input type="text" id="txt1" />
       <br />
       <h3>示例三：格式化时间：</h3>
       <input type="text" id="txt3" readonly />
       <br />
       <a class="l-button btn"  >获取值</a> 
       <a class="l-button btn4"  >获取值2</a>
       <a class="l-button btn5"  >设置值</a>
       <a class="l-button btn2"  >设置只读</a>
       <a class="l-button btn3"  >取消只读</a>
       
       <br />
       <a class="message"  ></a>
       <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />  
     <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
       <h3>示例四：选择时间</h3>
       <input type="text" id="txt4" />    
  <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
   <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</body>
</html>