使用rails虚拟属性配合前台js处理时间

Helper方法用于虚拟属性的时间转换。

module Admin::TimeFormatsHelper
  # hh:mm:ss => seconds
  def forward_time_convert(time_virtual)
    time_collect = time_virtual.split(":")
    time_collect[0].to_i*3600 + time_collect[1].to_i*60 + time_collect[2].to_i
  end
  
  # seconds => hh:mm:ss
  def reverse_time_convert(time_real)
    time_real = time_real.to_i
    return "00:00:00" if time_real == 0
    time_collect = {}
    
    time_collect[:second]= keep_in_type(time_real%60)
    time_collect[:minute]= keep_in_type((time_real/60)%60)
    time_collect[:hour]= keep_in_type(time_real/3600)
    
    return "#{time_collect[:hour]}:#{time_collect[:minute]}:#{time_collect[:second]}"
  end

end

model使用示例

class TimeEntry < ActiveRecord::Base
  include Admin::TimeFormatsHelper
  
  def spend_time_virtual
    reverse_time_convert(self.spend_time)
  end
  
  def spend_time_virtual=(time_virtual)
    self.spend_time = forward_time_convert(time_virtual)
  end
end

ui上使用的js. 附带了form lock。 当用户输入错误时锁死form。

// Auto convert time format like  1 => 00:01:00, 61 => 01:01:00, "character except [0-9] and ':'" => error.
// Prevent form submit if there is any error in it.
function auto_time_convert(obj){
	// Check if obj.value have unaccepted character. return error or continue. ":" max size is 2. overage should return error	
	var accepted_character = new RegExp("^\\d+\\:?\\d*\\:?\\d*$", "g");
	if(accepted_character.test(obj.value)){
		// if there no ":" in obj.value means the value unit is minute
		// if obj.value like "2:3" means it's 2 minutes 3 seconds
		// 100:00:00 => 100:00:00, 10:70:70 => 11:11:10

		var standard_format_time = "";
		var time_array = String(obj.value).split(":");

		switch(time_array.length){
			case 1:
				minutes = Number(time_array[0]);
				standard_format_time = time_convert(minutes*60);
				break;
			case 2:
				minutes = Number(time_array[0]);
				seconds = Number(time_array[1]);
				standard_format_time = time_convert(minutes*60 + seconds);
				break;
			case 3: 
				hours = Number(time_array[0]);
				minutes = Number(time_array[1]);
				seconds = Number(time_array[2]);
				standard_format_time = time_convert(hours*3600 + minutes*60 + seconds);
				break;
		}
		obj.value = standard_format_time;
		
		$(obj).removeClass("error_input");
		
		// Check if there is any error input field in form
		if($(".time_convert_area input.error_input").length == 0){
			$("#form_lock").val("");			
		}
	}else{
		$(obj).addClass("error_input");
		$("#form_lock").val("lock");
	}
}

function time_convert(total_seconds){
    var time_collect = [];

    time_collect[0]= keep_in_type(parseInt(total_seconds/3600));
    time_collect[1]= keep_in_type(parseInt((total_seconds/60)%60));
    time_collect[2]= keep_in_type(parseInt(total_seconds%60));
    
    return time_collect.join(":");
}

function keep_in_type(quantity){
	if (String(quantity).length >= 2){
		return quantity;
	}else{
		return "0" + quantity;	
	} 
}

function is_form_lock(){
	if($("#form_lock").val() == ""){
		return true;
	}else{
		return false;
	}
}