如何在MVC Razor视图中显示彩色选择器

我有一个使用MVC 5创建的项目，这些视图是基于HTML Razor A，JavaScript和JQuery创建的。

我用来插入数据的视图之一，包含一个文本框，我希望它在用户单击时显示颜色选择器。

我尝试使用此库jscolor.js，但是它在纯HTML页面中起作用，但我未能使其在剃须刀视图中起作用，我不知道为什么。

<!DOCTYPE html>
<html>
<head>
    <title>jscolor Example</title>
</head>
<body style="text-align:center;">
    <script src="jscolor.js"></script>
    <h2>Example 1</h2>
    Color: <input class="jscolor" value="ab2567">
</body>
</html>

JavaScript库的链接http://jscolor.com/

这是MVC View

中的代码

<script src="jscolor.js"></script>
<script>
    $(document).ready(function() {
        jscolor.installByClassName("jscolor");
    });
</script>
@using (Html.BeginForm("Create, "DateField", FormMethod.Post))
{
    <input class="jscolor" value="ab2567"/>
....etc

任何人都有有关此的信息？

尝试以下代码。它对我有用。

@Html.TextBoxFor(m => m.PropertyList.color, new { @class = "jscolor"})

您也可以使用以下语法添加一个

@Html.TextBoxFor((m => m.PropertyList.color, new { type="color"})

相关内容

最新更新

热门标签：