JC.Calendar monthday, clear add preserveDisabled html prop

openjavascript · openjavascript · commit 25bbdf1e78ce · 2013-12-05T15:33:27.000+08:00
diff --git a/deploy/normal/modules/JC.Calendar/0.2/Calendar.js b/deploy/normal/modules/JC.Calendar/0.2/Calendar.js
diff --git a/docs_api/files/.._modules_JC.Calendar_0.2_Calendar.js.html b/docs_api/files/.._modules_JC.Calendar_0.2_Calendar.js.html
@@ -2619,6 +2619,37 @@ <h1 class="file-heading">File: ../modules/JC.Calendar/0.2/Calendar.js</h1>
             return _r;
         };
 
+
+    MonthDayModel.prototype.ccPreserveDisabled =
+        function(){
+            var _r = true;
+            this.selector().is( &#x27;[ccPreserveDisabled]&#x27; )
+                &amp;&amp; ( _r = JC.f.parseBool( this.selector().attr( &#x27;ccPreserveDisabled&#x27; ) ) );
+            return _r;
+        };
+
+    MonthDayModel.prototype.calendarclear = 
+        function(){
+            var _p = this, _ipt = this.selector(), _cb, _tmp;
+            _ipt &amp;&amp; _ipt.attr(&#x27;calendarclear&#x27;) 
+                &amp;&amp; ( _tmp = window[ _ipt.attr(&#x27;calendarclear&#x27;) ] )
+                &amp;&amp; ( _cb = _tmp );
+
+            if( _p.ccPreserveDisabled() ){
+                var _items = _p.layout().find( &#x27;input[date]&#x27; ), _disabled = [];
+                    _items.each( function(){
+                        var _sp = $(this), _d;
+                        if( !( _sp.is( &#x27;:disabled&#x27; ) &amp;&amp; _sp.is( &#x27;:checked&#x27; ) ) ) return;
+                        _d = new Date();
+                        _d.setTime( _sp.attr( &#x27;date&#x27; ) );
+                        _disabled.push( JC.f.formatISODate( _d ) );
+                    });
+                _ipt.val( _disabled.join(&#x27;,&#x27;) );
+            }
+
+            return _cb;
+        };
+
     MonthDayView.prototype.updateSelected = 
         function( _userSelectedItem ){
             var _p = this
diff --git a/modules/JC.Calendar/0.2/Calendar.js b/modules/JC.Calendar/0.2/Calendar.js
@@ -2435,6 +2435,37 @@
             return _r;
         };
 
+
+    MonthDayModel.prototype.ccPreserveDisabled =
+        function(){
+            var _r = true;
+            this.selector().is( '[ccPreserveDisabled]' )
+                && ( _r = JC.f.parseBool( this.selector().attr( 'ccPreserveDisabled' ) ) );
+            return _r;
+        };
+
+    MonthDayModel.prototype.calendarclear = 
+        function(){
+            var _p = this, _ipt = this.selector(), _cb, _tmp;
+            _ipt && _ipt.attr('calendarclear') 
+                && ( _tmp = window[ _ipt.attr('calendarclear') ] )
+                && ( _cb = _tmp );
+
+            if( _p.ccPreserveDisabled() ){
+                var _items = _p.layout().find( 'input[date]' ), _disabled = [];
+                    _items.each( function(){
+                        var _sp = $(this), _d;
+                        if( !( _sp.is( ':disabled' ) && _sp.is( ':checked' ) ) ) return;
+                        _d = new Date();
+                        _d.setTime( _sp.attr( 'date' ) );
+                        _disabled.push( JC.f.formatISODate( _d ) );
+                    });
+                _ipt.val( _disabled.join(',') );
+            }
+
+            return _cb;
+        };
+
     MonthDayView.prototype.updateSelected = 
         function( _userSelectedItem ){
             var _p = this
diff --git a/modules/JC.Calendar/0.2/_demo/demo.monthday.html b/modules/JC.Calendar/0.2/_demo/demo.monthday.html
@@ -36,10 +36,22 @@
     <form action='' method='get'>
         <dl>
             <dt>JC.Calendar 示例</dt>
-            <dd><input type="text" name="date1" multidate="monthday" size="80" class="js_minDate" />monthday, js_minDate</dd>
-            <dd><input type="text" name="date1" multidate="monthday" size="80" class="js_maxDate" />monthday, js_maxDate</dd>
-            <dd><input type="text" name="date1" multidate="monthday" size="80" class="js_maxDate" value="1952-01-30" />monthday</dd>
-            <dd><input type="text" name="date1" datatype="monthday" size="80" defaultdate="2013-11-14" />monthday, defaultdate</dd>
+            <dd><input type="text" name="date1" size="80" multidate="monthday" class="js_minDate" />monthday, js_minDate</dd>
+            <dd>
+                <input type="text" name="date1" size="80" 
+                    multidate="monthday" 
+                    minvalue="now"
+                    />monthday, minvalue="now"
+            </dd>
+                <input type="text" name="date1" size="80" 
+                    multidate="monthday" 
+                    value="now-1d"
+                    minvalue="now"
+                    />monthday, minvalue="now"
+            </dd>
+            <dd><input type="text" name="date1" size="80" multidate="monthday" class="js_maxDate" />monthday, js_maxDate</dd>
+            <dd><input type="text" name="date1" size="80" multidate="monthday" class="js_maxDate" value="1952-01-30" />monthday</dd>
+            <dd><input type="text" name="date1" size="80" datatype="monthday" defaultdate="2013-11-14" />monthday, defaultdate</dd>
             <dd><textarea name="date1" datatype="monthday" defaultdate="2013-11-14" cols="66" rows="5" ></textarea>monthday, defaultdate</dd>
             <dd>
                 <input type="text" name="date2" datatype="date" value="" />
