0

Compare dates client side

asked 2015-10-08 13:51:23 +0800

greendragon gravatar image greendragon
25 4

Hello! I've a form with two dates, and I wanto to insert a constrait on them: the second date must be grater than the first date. I want to do this client side but I've no idea how get the values inserted in dateboxes. This is my code:

...
<datebox id="fromDate" format="short" constraint="no past" value="@bind(myVM.fromDate)"></datebox>
<datebox format="short" constraint="no past" value="@bind(myVM.toDate)" 
w:onChange="changeDate();"></datebox>
...
<script type="text/javascript">
    function changeDate() {
        var x = jq('$toDate');
        ...???...
    }
</script>

How can I get the date value from x? Very thanks...

delete flag offensive retag edit

5 Answers

Sort by ยป oldest newest most voted
0

answered 2015-10-08 15:04:48 +0800

jumperchen gravatar image jumperchen
3909 2 8
http://jumperchen.blogspo... ZK Team

either way is the same.

jq('$db').zk.$().getValue()
// or
zk('$db').$().getValue();
link publish delete flag offensive edit
0

answered 2015-10-08 15:12:06 +0800

Darksu gravatar image Darksu
1991 1 4

Hello greendragon,

Please use the following code in order to update the second datebox with the value from the first one:

<zk xmlns:w="client">
    <datebox 
        id="dbx"  
        w:onChange="
        var origin = zk.Widget.$('$dbx');

        var t = zk.Widget.$('$dbx2');
        t.$n('real').value=( origin.$n('real').value );
        t.updateChange_();" />
    <datebox id="dbx2"  />    
</zk>

Best Regards,

Darksu

link publish delete flag offensive edit
0

answered 2015-10-09 12:53:06 +0800

greendragon gravatar image greendragon
25 4

Thanks! Both the answers are working!

link publish delete flag offensive edit
0

answered 2015-10-14 10:53:43 +0800

greendragon gravatar image greendragon
25 4

updated 2015-10-14 10:58:32 +0800

Hello! I solved the problem with the datebox:

var toDate = new Date(jq('$toDate').zk.$().getValue());

Thanks

link publish delete flag offensive edit
0

answered 2015-10-14 11:03:52 +0800

Darksu gravatar image Darksu
1991 1 4

Hello greendragon,

Here is the respective with timebox:

<zk xmlns:w="client">
    <timebox 
        id="dbx"  
        w:onClick="
        var origin = zk.Widget.$('$dbx');

        var t = zk.Widget.$('$dbx2');
        t.$n('real').value=( origin.$n('real').value );
        t.updateChange_();" />
    <timebox id="dbx2"  />    
</zk>

You had to change the component, and use the onClick event in order to make it work.

Best Regards,

Darksu

link publish delete flag offensive edit
Your answer
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

Follow
1 follower

RSS

Stats

Asked: 2015-10-08 13:51:23 +0800

Seen: 58 times

Last updated: Oct 14 '15

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More