javascript 使用数据角色显示/隐藏波段

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript 使用数据角色显示/隐藏波段相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
	<title>2 Column - Show/Hide</title>
	<style></style>
</head>
<body>
    <div data-questions="showDate|hideDate" data-options="date|date">
        <div class="container-fluid container">
            <div class="row">
              <div class="col-md-12 col-sm-12" data-droppable="all" data-dummy="">
              </div>
            </div>
        </div>
    </div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
	<title>2 Column - Show/Hide</title>
	<style></style>
</head>
<body>
    <div data-questions="showDate|hideDate" data-options="date|date">
        <div class="container-fluid container">
            <div class="row">
              <div class="col-md-6 col-sm-6" data-droppable="all" data-dummy="">
              </div>
              <div class="col-md-6 col-sm-6" data-droppable="all" data-dummy="">
              </div>
            </div>
        </div>
    </div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
	<title>3 Column - Show/Hide</title>
	<style></style>
</head>
<body>
    <div data-questions="showDate|hideDate" data-options="date|date">
        <div class="container-fluid container">
            <div class="row">
              <div class="col-md-4 col-sm-4" data-droppable="all" data-dummy="">
              </div>
              <div class="col-md-4 col-sm-4" data-droppable="all" data-dummy="">
              </div>
              <div class="col-md-4 col-sm-4" data-droppable="all" data-dummy="">
              </div>
          </div>
      </div>
  </div>
</body>
</html>
var d = new Date();
var month = d.getMonth()+1;
var day = d.getDate();
var today = d.getFullYear() +
    (month<10 ? '0' : '') + month +
    (day<10 ? '0' : '') + day;

$('[data-showdate]').each(function(index, el) {
	var startDate = $(this).data("showdate");
	var endDate = $(this).data("hidedate");
	if(typeof startDate !== "undefined" && startDate !== null && startDate.length > 1) {
		startDate = startDate.replace(/-/g, "");
		if (today > startDate) {
			$(this).show();
		} else {
			$(this).hide();
		}
	}
	if(typeof endDate !== "undefined" && endDate !== null && endDate.length > 1) {
		endDate = endDate.replace(/-/g, "");
		if (today > endDate) {
			$(this).hide();
		}
	}

});

以上是关于javascript 使用数据角色显示/隐藏波段的主要内容，如果未能解决你的问题，请参考以下文章

如何根据用户角色Angular 4显示/隐藏元素

栅格那点儿事（四B）---多波段栅格数据的显示

根据用户角色获取登录用户的django权限以显示/隐藏菜单

如何统一显示/隐藏角色

Razor 显示/隐藏基于使用 javascript 的单选按钮

在单个波段中具有多行时，数据溢出会拉伸一行