JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script>
<div class="col-sm-7">
             Kompensasi : <input name="dapet" type="text" readonly class="kompensasi" />
           </div> 
           
           <div class="form-group chk">
                      <label class="col-sm-3 control-label">Ro</label>
                      <div class="col-sm-7">
                      <input type="text" class='cekbok' name='rostatus' />
                      </div>
            </div>

JavaScript

$( document ).ready(function() {
    var today =moment();
    console.log(today);
    	if((today.format('D') == (moment().day("Sunday").format('D')) || (today.format('D') == moment().day('Saturday').format('D'))))
    		{
    			$('.kompensasi').val("100,000");
    			$('.chk').hide();
    		}
    	else{		
    		if((today.format("hh:mm") > moment('00:00', 'hh:mm')) && (today.format("hh:mm") < moment('03:00', 'hh:mm')))
    				{
    					$('.kompensasi').val("30,000");
    					$('.cekbok').val('');
    				}else{
    					$('.cekbok').val('Dapet RO 1');
    					$('.kompensasi').val("0");
    				}
    		}
    });