javascript operators do not match the input decimalx

Question

I don't understand why when I use the condition value like a > b but it doesn't work properly, maybe because of the value a = decimal. following my code:

HTML

<input type="text" class="form-control" name="numberdays"  id="numberdays" value="10.0/>
<input type="text" name="cutii" id="cutii" value="9.0">
<button class="btn btn-primary waves-effect" id="subcut" type="submit" disabled>

SCRIPT

cutifrom.addEventListener('input',()=>{
            if (cutii.value > numberdays.value) {
            subcut.removeAttribute('disabled');
        }else{
            subcut.setAttribute('disabled','disabled');
        }
        }) ;

the result is that my button is disabled, it shouldn't be.

here's my js. actually number days I use the datepicker and generate numbers that are automatically generated. maybe because it's the condition that I use the operator is not detected. JS for datepicker

 <script type="text/javascript">
      $(document).ready(function(){

    let $fromDate = $('#fromdate'),
        $toDate = $('#todate');

    $fromDate.datepicker().on('change', function(){
        $toDate.datepicker('option', 'minDate', $(this).val());
    });

    $toDate.datepicker().on('change', function(){
        $fromDate.datepicker('option', 'maxDate', $(this).val());
    });;
});

      $(function() {
    let $fromDate = $('#fromdate'),
        $toDate = $('#todate'),
        $numberDays = $('#numberdays'),
        $numberCuti = $('#cuti');

    $fromDate.datepicker().on('change', function(){
        $toDate.datepicker('option', 'minDate', $(this).val());

        $numberDays.val(calculateDateDiff($toDate.val(), $(this).val()));
    });

    $toDate.datepicker().on('change', function(){
        $fromDate.datepicker('option', 'maxDate', $(this).val());

        $numberDays.val(calculateDateDiff($(this).val(), $fromDate.val()));
    });

   cutifrom.addEventListener('input',()=>{
        if (parseFloat(cuti.value) >= parseFloat(numberdays.value)) {
        subcut.removeAttribute('disabled');
    }else{
        subcut.setAttribute('disabled','disabled');
    }
    }) ;     
        
function calculateDateDiff(endDate, startDate) {
        if (endDate && startDate) {
            let e = moment(endDate),
                s = moment(startDate);

            return e.diff(s, "days");
        }

        return null;
    }   
});
</script>

Duplicate of Using Javascript to compare two input numbers in HTML?. Also read Input value is a string instead of a number and Javascript to convert string to number?. — Sebastian Simon
– Sebastian Simon, Commented Oct 23, 2020 at 3:16
what if the value of numberdays is automatically input from js datepicker ? — Diyan Knd
– Diyan Knd, Commented Oct 23, 2020 at 3:31
if i input manual in numberdays its working . but if I'm using datepicker for value on my numberdays its not working — Diyan Knd
– Diyan Knd, Commented Oct 23, 2020 at 3:32

semicolon · Accepted Answer · 2020-10-23 03:29:15Z

3

Your value is a String type and the comparison is not like Number, try converting the value to a number and see if it works.

You need to change the code to this form:

  cutifrom.addEventListener('input',()=>{
        if (Number(cutii.value) > Number(numberdays.value)) {
        subcut.removeAttribute('disabled');
    }else{
        subcut.setAttribute('disabled','disabled');
    }
    }) ;

Good Luck :)

edited Oct 23, 2020 at 3:29

answered Oct 23, 2020 at 3:09

semicolon

2751 gold badge3 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Diyan Knd Over a year ago

can you show me how to do it ? I'm sorry I new in js :')

semicolon Over a year ago

Try printing to the log the selected entry what datepicker is and see how it can be accessed accurately.

Diyan Knd Over a year ago

i don't know what you say, im sorry. where I get it ?

semicolon Over a year ago

Add this line at the beginning of the function: console.log ('numberdays.value: ',numberdays.value) and check with the developer tools in the console what the value is written there, by this you will know where the error is.

Diyan Knd Over a year ago

it looks like i have a problem in my datepicker js. When I input and look at the console, nothing happens. the result is NULL

|

Collectives™ on Stack Overflow

javascript operators do not match the input decimalx

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related